A Robust Full-Stack Web Application built using the MERN (MongoDB, Express.js, React.js, Node.js) stack.
This guide will help you set up and run the project seamlessly on your local system.
| Technology | Description |
|---|---|
| MongoDB | A flexible, schemaless NoSQL database for modern applications. |
| Express.js | A lightweight Node.js framework for building RESTful APIs. |
| React.js | A declarative JavaScript library for building dynamic UIs. |
| Node.js | A runtime environment for executing JavaScript on the server side. |
The project is organized into two main directories: backend for the server and API, and frontend for the client-side React application.
- Download and install MongoDB Community Server.
- Start the MongoDB service
- Default connection URL: mongodb://127.0.0.1:27017/your-database-name PORT=5000
Install all dependencies Run the development server. Your frontend will now be running on: ➜ Local: http://localhost:5173/
⚡ Setting up the Backend.
Open a new terminal and navigate to the backend directory:
cd backend
Install all dependencies:
npm install
Start the backend server:
npm run dev
You should see logs like this:
[nodemon] starting node server.js
[dotenv@17.2.3] injecting env (5) from .env
MongoDB connected
Server running on port 5000
🌐 Setting up the Frontend
Open another terminal and navigate to the frontend directory:
cd frontend
Install dependencies:
npm install
start the development server:
npm run dev
The frontend will be live at:
👉 http://localhost:5173/
[Note]: Both the Light mode and Dark Mode are added.
screenshots
Home Page:
Add a Book
Profile:
Review:
Shubham Mirashi Full Stack Developer | MERN Enthusiast. 📧 shubhammirashi303@gmail.com