Skip to content

Commit c272aed

Browse files
Merge pull request #5 from mansisharma9218/master
Update README.md with additional fe tasks
2 parents 81d750c + 60d38a7 commit c272aed

1 file changed

Lines changed: 23 additions & 10 deletions

File tree

README.md

Lines changed: 23 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)