MERN Boilerplate with MVC Architecture

This repository contains a MERN (MongoDB, Express.js, React.js, Node.js) boilerplate for building full-stack web applications following the MVC (Model-View-Controller) architecture. It includes separate directories for the backend and frontend components, allowing for modular development and easy deployment.

Don't forget to star⭐ this repository if you find it helpful! It helps to show appreciation for the work put into this project.

For more information about me, visit my Portfolio. You can also reach out to me directly through the contact form on my website.

Technolgies Used

Installation Guide

1. Clone the repository:

git clone https://github.com/MananKanani5/mern-setup.git

2. Navigate to the root directory mern-setup:

cd mern-setup

3. Install required modules for both running as single project

npm install

4. Navigate to the backend directory:

cd backend

5. Install backend dependencies:

npm install

6. Navigate back to the root directory:

cd ../

7. Navigate to the frontend directory:

cd frontend

8. Install frontend dependencies:

npm install

7. Change your MongoDB connection URI in the .env file located in the backend directory.

MONGO_URI = "YOUR_MONGO_URI_STRING"

How to Run the Project ?

1. In the root directory mern-setup, start the application:

npm run start

This command will concurrently run the Express server, frontend React app, and establish a connection with MongoDB.