Skip to content

A modern full-stack BookStore application built with the MERN stack (MongoDB, Express, React, Node.js) and Vite. This project features a clean, responsive UI with Tailwind CSS, React Router for navigation, and Notistack for user notifications.

Notifications You must be signed in to change notification settings

HarryTrieu/BookArchiveMERNStack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BookStore MERN App

A modern full-stack BookStore application built with the MERN stack (MongoDB, Express, React, Node.js) and Vite. This project features a clean, responsive UI with Tailwind CSS, React Router for navigation, and Notistack for user notifications.

Features

  • View books as cards or in a table, with a toggle to switch views
  • Add, edit, and delete books with instant feedback via Notistack notifications
  • View detailed book information in a modal or on a dedicated page
  • Modern, mobile-friendly design with smooth user experience
  • Backend API built with Express and MongoDB

Tech Stack

  • Frontend: React 19, Vite, Tailwind CSS, Notistack, React Router
  • Backend: Node.js, Express, MongoDB, Mongoose

Getting Started

Prerequisites

  • Node.js (v18 or newer recommended)
  • MongoDB (local or cloud)

Installation

  1. Clone the repository:
    git clone https://github.com/your-username/BookStoreMERN.git
    cd BookStoreMERN
  2. Install backend dependencies:
    cd backend
    npm install
  3. Install frontend dependencies:
    cd ../frontend
    npm install

Running the App

  1. Start the backend server:
    cd backend
    npm run dev
  2. Start the frontend dev server:
    cd ../frontend
    npm run dev
  3. Open your browser: Visit http://localhost:5173

Folder Structure

BookStoreMERN/
  backend/      # Express + MongoDB API
  frontend/     # React + Vite + Tailwind UI

License

This project is licensed under the MIT License.

About

A modern full-stack BookStore application built with the MERN stack (MongoDB, Express, React, Node.js) and Vite. This project features a clean, responsive UI with Tailwind CSS, React Router for navigation, and Notistack for user notifications.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published