Project Description

This Project has two Main pages

1. To search and add Books to Shelf
   Route : ./
   
2. To Display all added Books in Cards
   Route : ./mybooks
   

How It Works

Enter your search query in the input field and click the search button.
The application sends a request to an API with your search query.
The API fetches the relevant book data and returns it to the frontend.
The frontend displays the book cards with detailed information.
You can add books of your choice to your personal bookshelf by clicking the "Add" button.
All added books are stored in local storage for easy access on the second page, the bookshelf.

Demo Video

Video link of Demo https://www.youtube.com/watch?v=bUUNGT0fNBE&ab_channel=KeepSpace

React Features Utilized

useState for managing component state.
fetch for making API requests.
localStorage for storing added books locally.
useEffect for handling side effects.
interval for periodic tasks.
Chakra UI for a sleek and responsive user interface.

Local Setup

To set up this project on your local machine:
Clone the repository to your computer.
Run npm install to install all the necessary dependencies.
Start the website with npm start.
Ensure you have an internet connection for fetching book data from the API.