Your work will be considered invalid (0 point) if your code does not use the .env file to store the API URL.
☑Kizspy.me
Create a new React application using npx create-react-app or npm create vite. Name your app folder with
your roll number (E.g.: SE123456).
Task 1. Create a new resource and supply data for your application.
1. (0.25 mark) Create a new resource
named your roll number ( E.g.:
SE123456) in mockapi.io and declare a
Schema.
2. (0.25 mark) Edit/replace data for
resource. Copy the content of the
books.json file.
Task 2.
id
Object ID
bookName
String
bookImage
String
bookReadingStatus
Number
isUnread
Boolean
bookType
String
3. (1.0 mark) Create a Navbar for navigating
all the routes in your application.
Including: Reading Books, All Books,
UnRead Books. (npm install react-router-dom)
4. (2 marks) At Reading Books route, display all the books which are reading (bookReadingStatus = 2).
It displays all books by grid. Each book should contain the information: bookName, bookImage,
bookType, and bookReadingStatus. When you click the image of a book, the view switches to the
Book Detail page.
Zoom
+ 90%
Close
