A modern React-based online library application that allows users to browse, search, add, and view detailed information about books by category. Built using Vite, Redux Toolkit, and React Router, this project provides a smooth, dynamic, and responsive user experience.
- Search Functionality – Search books by title or author.
- Category Filtering – Browse books by specific categories (Fiction, Non-Fiction, Sci-Fi, etc.).
- Add New Books – Add new books using a validated form managed by Redux.
- Dynamic Routing – Navigate between pages seamlessly using React Router.
- Book Details View – View detailed information about any selected book.
- 404 Page – Displays an error message for invalid routes.
- Responsive UI – Clean, modern, and mobile-friendly design using Tailwind CSS.
- Redux State Management – Centralized management of all book data across the app.
- React (Vite setup)
- Redux Toolkit (for state management)
- React Router DOM (for routing)
- Tailwind CSS (for styling)
Add a New Book
- Go to the “Add Book” page.
- Fill in all the required fields — title, author, category, description, price, etc.
- Click Submit to add the book.
- The newly added book will appear at the top of the Browse Books page.
Search for a Book
- Go to the Browse Books page.
- Type the book title or author name in the search bar.
- Press Search — only matching results will be shown.
- Click Show All Books to view the full list again.
- If the search box is empty, a message will appear asking to enter something to search.
Browse by Category
- On the Browse Books page, click on a category like Fiction, Non-Fiction, or Sci-Fi.
- You’ll see only the books belonging to that category.
- Click Back to Browse to return to all books.
View Book Details
- In the book list, click View More Details → under any book.
- You’ll be taken to a page showing full details, including:
- Book cover image
- Author
- Category
- Rating, price, and availability
- Click the Back button to return to the previous page.
(uploaded the project on github and below is the github repository link) https://github.com/ajmeriunnisa/React-Online-Library