@@ -68,16 +68,29 @@ npm -v # Should print "11.6.2".
6868
6969## FE (Next JS)
7070
71- 1 . Check installation of node using the following command :
72- ` node -v #Should print "v24.11.1" or something along those lines `
73- 1 . Init a next JS app using npx create-next-app@latest my-app --yes
74- 1 . cd my-app
75- 1 . ` npm run dev `
76- 1 . Then you'll have a thing running on localhost:3000
77- 1 . There's a page.tsx file which is the entry point of ur app
78- 1 . Read and understand it. Modify it a little bit. Understand it properly
79- 1 . After that make a weather app using any resources you can find
80- 1 . After that you'll start growing yourself
71+ 1 . Check installation of Node using the following command:
72+
73+ ` node -v # Should print "v24.11.1" or something along those lines `
74+ 1 . Initialize a Next.js app using:
75+
76+ ` npx create-next-app@latest my-app --yes `
77+ 1 . Navigate into the project directory:
78+
79+ ` cd my-app `
80+ 1 . Start the development server:
81+
82+ ` npm run dev `
83+ 1 . Open the app on ` http://localhost:3000 `
84+ 1 . There is a ` page.tsx ` file which is the entry point of your app.
85+ - Read and understand the code
86+ - Make small modifications and observe the changes
87+ 1 . Fetch data from the following API and display it in the app:
88+ ` https://jsonplaceholder.typicode.com/users/1/posts `
89+ - Render the post title and body
90+ - Display the title and body inside a bounding box (card-style layout)
91+ - Arrange the content horizontally using flexbox
92+ - Add an image element below the rendered posts
93+ 1 . After completing the above, build a simple weather app using any resources you can find.
8194
8295## BE
8396
0 commit comments