This project is a React application that allows users to search for books using the Open Library API and add their favorite books to a bookshelf. The application is built with React and utilizes local storage to save the user's bookshelf.
- Book Search: Search for books by title using the Open Library API.
- Bookshelf: Add books to your personal bookshelf and remove them as needed.
- Local Storage: Persist your bookshelf data using the browser's local storage.
- Responsive Design: Optimized for both desktop and mobile views.
Live Demo - (Replace with the actual link to your live demo)
-
Clone the repository: bash git clone https://github.com/your-username/react-book-search-bookshelf.git cd react-book-search-bookshelf
-
Install dependencies: bash npm install
yarn install
-
Start the development server: bash npm start
yarn start
-
Open your browser and navigate to:
- On the home page, type a book title into the search input.
- The results will automatically display below the input field.
- Click "Add to Bookshelf" to save a book to your bookshelf.
- Navigate to the bookshelf page by clicking the "My Bookshelf" button.
- View all books you have added.
- Click "Remove" to delete a book from your bookshelf.
- Click "Back to Search" to return to the search page.