📚 CHAPTERFLOW

A modern full-stack MERN bookstore application with authentication, cart management, favorites, order tracking, and an admin dashboard.

A clean, responsive, and production-ready online bookstore built using the MERN stack. Users can browse books, manage favorites and cart items, place orders, and track their purchases, while administrators can manage books and orders through a dedicated dashboard.

---

✨ Features

👤 Authentication

• Secure JWT Authentication
• User Registration & Login
• Password Hashing with bcrypt
• Protected Routes

📚 Books

• Browse All Books
• View Book Details
• Recently Added Books
• Search-Friendly Structure

❤️ Favorites

• Add Books to Favorites
• Remove Favorite Books
• Personalized Wishlist

🛒 Cart

• Add to Cart
• Remove from Cart
• Manage Cart Items

📦 Orders

• Place Orders
• View Order History
• Track Order Status

🛠 Admin Dashboard

• Add New Books
• Update Existing Books
• Manage Orders
• View Users

---

🛠 Tech Stack

Frontend

• React
• Vite
• Tailwind CSS
• Redux Toolkit
• React Router DOM
• Axios
• React Hot Toast

Backend

• Node.js
• Express.js
• MongoDB
• Mongoose
• JWT Authentication
• bcryptjs

---

📂 Project Structure

Book-Heaven-fullstack
│
├── backend
│   ├── controllers
│   ├── middlewares
│   ├── models
│   ├── routes
│   ├── utils
│   └── app.js
│
└── frontend
    ├── components
    ├── pages
    ├── store
    └── public

---

🚀 Key Functionalities

✅ User Authentication

✅ Book Management

✅ Favorites System

✅ Shopping Cart

✅ Order Management

✅ Admin Dashboard

✅ REST APIs

✅ Responsive UI

✅ MongoDB Database Integration

---

⚙️ Installation

Clone Repository

git clone https://github.com/Waqas-Khan-CodeCanvas/Book-Heaven-fullstack.git

Install Dependencies

Frontend

cd frontend
npm install
npm run dev

Backend

cd backend
npm install
npm start

---

🏗 Architecture

React + Redux + Tailwind CSS
             │
             ▼
         Axios API
             │
             ▼
      Express.js Backend
             │
             ▼
        Mongoose Models
             │
             ▼
            MongoDB

---

🎯 Main Modules

• Authentication System
• Book Management
• Favorites Management
• Shopping Cart
• Order Tracking
• User Profile
• Admin Panel
• RESTful APIs

---

🌟 Why Book Heaven?

Book Heaven is a modern MERN stack bookstore project designed to demonstrate full-stack development concepts, including authentication, CRUD operations, state management, MongoDB relationships, and admin functionality. It provides a clean architecture and scalable code structure suitable for learning and portfolio projects.

---

---

👨‍💻 Author

Waqas Khan

Full Stack Python + Javascript Developer
studied @UET Peshawar Full-Stack & AI Developer from Pakistan. building modern Web and Desktop Applications , backend systems, automation tools, and open-source projects.

• 🌐 GitHub: https://github.com/Waqas-Khan-CodeCanvas
• 💼 LinkedIn: https://linkedin.com/in/waqaskhan-dev
• 📧 Email: waqaskhan0589@gmail.com

🚀 Other Projects

• Toastify-CTK — Beautiful toast notifications for CustomTkinter.
• Scholarship Finder — AI-powered scholarship discovery platform.
• WhatsApp Bulk Message Bot — Python automation tool for WhatsApp messaging.

Feel free to connect, collaborate, or contribute to any of my projects.

---

📌 SEO Keywords

MERN Stack Bookstore, React Book Store Project, Full Stack Book Store App, MongoDB Book Store, Node.js Book Store, Express.js Ecommerce Project, React Ecommerce Website, Online Book Store MERN, JWT Authentication Project, Redux Toolkit Project, Full Stack Ecommerce Application, MERN Stack Portfolio Project.

---

⭐ If you found this project useful, consider giving it a star!