📚 BookHaven - Client Side (Library Management System)

🚀 Overview

BookHaven is an intuitive and responsive Library Management System that allows users to explore books, borrow and return them, and enables administrators to efficiently manage the library catalog.

🌍 Live Demo

🔗 Main Live Site
🔗 Alternate Firebase Hosting

---

🛠️ Technologies Used

Technology	Description
React.js	Frontend framework for dynamic UI
React Router	Client-side routing
Tailwind CSS	Utility-first CSS framework for styling
DaisyUI	Pre-designed UI components
Axios	HTTP requests handling
Firebase	Authentication and hosting
React Helmet	Manage document head dynamically
React Toastify	Custom notifications and alerts
SweetAlert2	Modern popups and alerts
React Icons	Icon library for UI enhancements
React Tooltip	Adds tooltips to UI elements
React Carousel	Responsive image carousel
React Rating Stars	Displays and manages book ratings
React Typewriter	Adds a typewriter effect for engaging UI

---

✨ Features

✅ 📖 Browse and Search – Explore books by category and search easily.
✅ 📚 Borrowing System – Borrow and return books with real-time updates.
✅ 🔐 User Authentication – Secure login and signup using Firebase Authentication.
✅ 🎨 Responsive Design – Optimized for all devices.
✅ 💬 Interactive UI – Smooth user experience with alerts, modals, and tooltips.
✅ 💬 Admin specific route – Admin specific route such as add books,update books.

---

📦 Dependencies

Install project dependencies before running the application:

npm install

Key dependencies in package.json:

• "react"
• "react-router-dom"
• "axios"
• "tailwindcss"
• "daisyui"
• "firebase"
• "react-helmet-async"
• "react-toastify"
• "sweetalert2"
• "react-icons"
• "react-tooltip"
• "react-responsive-carousel"
• "react-rating-stars-component"
• "react-simple-typewriter"

---

🏗️ Installation & Setup

Follow these steps to run BookHaven locally:

🔹 Prerequisites

Ensure you have the following installed:

• Node.js (Download: https://nodejs.org/)
• Git (Optional)

🔹 Steps

1️⃣ Clone the Repository

git clone https://github.com/NissanJK/BookHaven-Client.git
cd bookhaven-client

2️⃣ Install Dependencies

npm install

3️⃣ Set Up Firebase

• Go to Firebase Console (https://console.firebase.google.com/).
• Create a project and enable Authentication and Firestore.
• Copy your Firebase Config and replace it in .env file:

REACT_APP_FIREBASE_API_KEY=your_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_auth_domain
REACT_APP_FIREBASE_PROJECT_ID=your_project_id
REACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
REACT_APP_FIREBASE_APP_ID=your_app_id

4️⃣ Run the Development Server

npm start

• The app will open at http://localhost:3000/ 🚀

---

📬 Contact

📧 Email: jawadul.karim78@gmail.com
🔗 LinkedIn: Jawadul Karim

---

🎉 Happy Coding! 🚀