📚 MERN Stack Bookstore Management System

A full-stack Bookstore Management System built using the MERN Stack (MongoDB, Express.js, React.js, and Node.js). The application provides an intuitive interface for managing books with complete CRUD functionality, responsive design, and a modern user experience.

---

📖 About the Project

The Bookstore Management System is a full-stack web application developed to efficiently manage book records. It follows a modern client-server architecture where the React frontend communicates with a RESTful Express API, and MongoDB Atlas stores the data.

The project demonstrates full-stack development concepts, REST API integration, responsive UI design, and cloud-ready deployment configuration.

---

✨ Features

• 📚 Add new books
• ✏️ Update book details
• 🗑️ Delete books
• 🔍 Search books by title, author, or publication year
• 📋 Table View
• 🃏 Card View
• 🌙 Light & Dark Mode
• 📱 Fully Responsive Design
• ⚡ Loading Spinner
• 🔙 Custom Navigation Components
• ☁️ MongoDB Atlas Integration

---

🛠️ Tech Stack

Frontend

• React.js
• Vite
• Tailwind CSS
• Axios

Backend

• Node.js
• Express.js

Database

• MongoDB Atlas
• Mongoose

---

🏗️ Project Structure

Bookstore/
│
├── frontend/
│   ├── src/
│   ├── components/
│   ├── pages/
│   ├── package.json
│   └── vite.config.js
│
├── backend/
│   ├── models/
│   ├── routes/
│   ├── controllers/
│   ├── package.json
│   └── server.js
│
└── README.md

---

🗄️ Database Schema

Book

Field	Type	Description
_id	ObjectId	Unique Book ID
title	String	Book Title
author	String	Author Name
publishYear	Number	Publication Year
createdAt	Date	Created Timestamp
updatedAt	Date	Updated Timestamp

---

📡 REST API

Method	Endpoint	Description
POST	/books	Create a new book
GET	/books	Get all books
GET	/books/:id	Get book by ID
PUT	/books/:id	Update book
DELETE	/books/:id	Delete book

---

🚀 Getting Started

Clone the Repository

git clone https://github.com/NAFEEL0403/Book-Store.git

Backend Setup

cd backend
npm install
npm run dev

Frontend Setup

cd frontend
npm install
npm run dev

---

🔑 Environment Variables

Backend (.env)

PORT=5555
MONGO_URL=your_mongodb_connection_string

Frontend (.env)

VITE_API_URL=http://localhost:5555

---

🎯 Learning Outcomes

• MERN Stack Development
• REST API Design
• MongoDB CRUD Operations
• React State Management
• Responsive UI Design
• Client-Server Architecture
• Environment Variable Management

---

📸 Screenshots

Add screenshots of your application here.

• Home Page
• Table View
• Card View
• Add Book
• Edit Book
• Dark Mode

---

🔮 Future Enhancements

• User Authentication
• Role-Based Access
• Book Categories
• Pagination
• Image Upload
• Book Reviews & Ratings
• Dashboard Analytics

---

👨‍💻 Developed By

Nafeel Aohamed N

• GitHub: https://github.com/NAFEEL0403

---

📄 License

This project was developed for learning and portfolio purposes.

---

⭐ If you found this project helpful, please consider giving it a Star on GitHub.