Personal Bookshelf

Curate your reading journey with Personal Bookshelf! ✨!

This is a React application built with a focus on simplicity and ease of use, allowing you to manage your favorite books in a virtual bookshelf.

Preview:

bookshelf.-.Trim.mp4

Live Deployed Link:

https://personal-bookshelf-ray.vercel.app/

Built with:

• React & CRA: Streamlined development experience for building modern web apps.
• React Router DOM: Effortless navigation between search and saved books.
• React Toastify: Clear and user-friendly notifications for errors and messages.
• Tailwind CSS: Rapidly build beautiful and responsive UIs with utility classes.
• Custom Hooks (useDebounce & useBookSearch): Enhance code reusability and manage search logic.
• OpenLibrary API: Access a massive database of book information.

Features:

• Instant Search: Find books as you type, with results updating on the fly.
• Accurate Information: Get detailed book info powered by OpenLibrary.
• Stunning UI: Enjoy a sleek and user-friendly interface built with Tailwind CSS.
• Persistent Bookshelf: Save your favorite books in your virtual library using localStorage.
• Easy Navigation: Seamlessly switch between search and your saved bookshelf.
• Mobile-Friendly: Looks great on any device, from desktops to phones.
• Clear Error Handling: Receive helpful notifications if something goes wrong.
• Deployment Ready: Easily deploy your project to platforms like Vercel.

Installation:

Prerequisites:

• Node.js (version 14 or later)
• npm (Node Package Manager)

You can verify these by running node -v and npm -v in your terminal.

Steps:

1. Clone the Repository:

   Open your terminal, navigate to your desired project directory, and use the following command to clone this project:

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

2. Install Dependencies:

   Once the project is cloned, navigate to the project directory and run the following command to install all the required dependencies:

   npm install

3. Start the Development Server:

   With dependencies installed, you can start the development server using:

   npm start

   This will launch the app in your default browser, typically at http://localhost:3000/.

Enjoy building your personalized bookshelf!