📚 Online Book Library

📌 Overview

Online Library is a React-based web application that allows users to browse, view, and add books to a virtual library. The app demonstrates the use of React Router for routing, Redux for state management, form handling with validation, and dynamic search/filter functionality.

🔗 Project Links

• 🗂️ GitHub Repo: Online_Library_System
• 🌐 Live Demo: View Deployed App

---

🚀 Features

• 🎉 Home Page with welcome message and category listing
• 📖 Browse books by category or search
• 📚 View detailed information for each book
• ➕ Add new books to the collection
• 🔄 Redux state management for seamless updates
• 📱 Fully responsive layout
• 🎨 Clean and modern UI using Tailwind CSS
• 🧪 Form validation and error handling
• 🚧 404 Page for undefined routes

---

🛠️ Tech Stack

• React – Component-based UI
• Redux Toolkit – State management
• React Router – Navigation
• Tailwind CSS – Utility-first styling
• React Icons – Icon support

---

🧪 Testing

• ✅ This README includes full setup and run instructions

---

📁Project Structure

├── index.html
├── index.css
├── main.js
├── App.js
│
└── src/
    ├── components/
    │   ├── About.jsx
    │   ├── AddBook.jsx
    │   ├── Book.jsx
    │   ├── BookDetails.jsx
    │   ├── BookList.jsx
    │   ├── Contact.jsx
    │   ├── Error.jsx
    │   ├── Footer.jsx
    │   ├── Header.jsx
    │   ├── Search.jsx
    │   └── FilterCategory/
    │       └── FilterCategory.jsx
    │
    └── utils/
        ├── DummyData.js
        ├── addBookSlice.js
        └── appStore.js

---

🚀 Getting Started

📁 Prerequisites

• Node.js (v14+)
• npm

---

🛠️ Installation

1. Clone the repository:

   git clone https://github.com/RAVI8054/Online_Library_System.git
   cd Online_Library_System

2. Install dependencies:

   npm install 

3. Start the server:

   npm run dev

4. Open your browser and go to:

   http://localhost:3000

---