Create a new React application using npx create-react-app or Vite + React. Named after your-roll-number.
Task 1. Create a new resource and supply data for your application.
Object ID
1. (0.25 mark) Create a new resource named section Management in mockapi.io and declare a Schema.
sectionName
String
duration
Number
2. (0.25 mark) Edit/replace data for section Management resource. Copy the content of sections.json file.
isMainTask
Boolean
Task 2.
id
image
String
sectionDescription
String
3. (1.0 mark) Create a Navbar for navigating all the routes in your application. Including: Home, Dashboard, Contact. (install react-router-dom library)
4. (2 marks) At Home route, display all the sections in data which are main task (isMainTask = true). Each section must contain some information such as: sectionName, Duration, Image.When you click the title of sectionName, the view switches to Detail route.
+ 100%
Zoom
Close