📚 Online Library System

A simple and responsive React + Redux-based Online Library System built with TailwindCSS. This application allows users to view a list of books, search for books by title or author, and view detailed book information.

---

🚀 Features

• ✅ Home page listing all books
• ✅ Add a new book via form
• ✅ Search books by title or author
• ✅ Filter books by category
• ✅ View book details
• ✅ 404 error page with auto-redirect after 5 seconds
• ✅ Fully responsive with TailwindCSS
• ✅ State management using Redux Toolkit

---

🔗 Routes

Route	Description
/	Home page with list of all books
/new/book	Form page to add a new book
/book/:idx	Book details page for the selected book
*	404 page (auto-redirect to / in 5 sec)

---

🧠 Functionality Overview

📘 / Home Page

• Displays all books in a responsive grid.
• Allows filtering by category.
• Each book has a "View More" button linking to its detail page.

🔍 Search

• Users can search by title or author.
• Clicking the Search button filters books shown on the home page.

➕ /new/book

• A form to add a new book with fields:
  • Title
  • Author
  • Category
  • Description
  • Image URL
• Submitting adds the book to Redux state.

🔎 /book/:idx

• Displays full details of the selected book.
• Styled with TailwindCSS in a split layout (cover + info).

🚫 404 Page

• Custom design for unmatched routes.
• Automatically redirects to / after 5 seconds.

---

⚙️ Technologies Used

• React
• Redux Toolkit
• React Router DOM
• TailwindCSS
• JavaScript (ES6+)

---

🧩 Redux Structure

This project uses Redux Toolkit for state management.

📁 /features/books/bookSlice.js

Manages the list of books with:

• addNewBook: Add a new book
• UpdateDate: Update filtered books

📁 /features/books/postSlice.js

Optional: Add a secondary slice for dummy or future extension like blog posts.

---

🛠️ How to Run

git clone https://github.com/nitin01010/Online-Library-System
cd library-app
npm install
npm run dev