https://github.com/shhiivvaam/personal-bookshelf

React application allowing users to search for books using the Open Library API and maintain a personal bookshelf in the browser using localStorage.
https://github.com/shhiivvaam/personal-bookshelf

api hooks localstorage react-router-dom reactjs

Last synced: 6 days ago
JSON representation

React application allowing users to search for books using the Open Library API and maintain a personal bookshelf in the browser using localStorage.

• Host: GitHub
• URL: https://github.com/shhiivvaam/personal-bookshelf
• Owner: shhiivvaam
• Created: 2024-06-08T19:24:25.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-06-08T20:40:01.000Z (8 months ago)
• Last Synced: 2024-06-09T20:41:09.450Z (8 months ago)
• Topics: api, hooks, localstorage, react-router-dom, reactjs
• Language: JavaScript
• Homepage: https://shhiivvaam-bookshelf.netlify.app/
• Size: 465 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 myBookShelf 


## Live Link:

    https://shhiivvaam-bookshelf.netlify.app/

### OBJECTIVE :

    React application allowing users to search for books using the Open Library API and maintain a personal bookshelf in the browser using localStorage.

### FEATURES LIST :

    1. Book Search: Input field for users to type in a book's name and display search results in real-time as the user types.

    2. Add to Bookshelf: Enable users to add books from the search results to a "My Bookshelf" page.

    3. Personal Bookshelf: Display the user's personal bookshelf, which is stored persistently using localStorage.

    4. Responsive Design: Enjoy a seamless experience whether you're browsing on a desktop, tablet, or mobile device.

![1717879126698](image/README/1717879126698.png)![1717879132956](image/README/1717879132956.png)

### Technologies Used

    Framework: React

    API: Open Library API

    State Management: React useState and useEffect

    Routing: React Router

    Storage: LocalStorage

    Deployment: Netlify

# Run Scripts

```Terminal

git clone https://github.com/shhiivvaam/personal-bookshelf.git

cd personal-bookshelf

npm install

npm start

```

Thank you for visiting!