Kizspy. me test.
Your work will be considered invalid (0 point) if your code inserts stuff that is unrelated to the
Create a new React application using npx create-react-app or npm create vite. Name your app folder with your username (E.g.: ManNLT123456).
Task 1. Create a new resource and supply data for your application.
Object ID
1. (0.25 mark) Create a new resource named your username (E.g.:ManNLT123456) in mockapi.io and de-clare a Schema.
courseName
String
courseImage
String
2. (0.25 mark) Edit/replace data for re-source. Copy the content of the courses.json file.
Task 2.
percentLearning
Number
isCompleted
Boolean
String
Zoom
Close
3. (1.0 mark) Create a Navbar for navigating all the routes in your application. Includ-ing: Home, All Courses, Completed Courses. (npm install react-router-dom)
courseType
4. (2 marks) At Home route, display all the courses which are not completed (percentLearning < 100 or isCompleted = false). It displays all courses by grid. Each course should contain the information:courseName, courselmage, courseType, and percentLearning. When you click the image of a course,the view switches to the Course Detail page.
1
+ 100%
id
