Welcome to the MERN Stack Starter Pack! This repository provides a pre-configured setup for building applications using the MERN stack (MongoDB, Express.js, React.js, Node.js). By cloning this repository, you can quickly set up your development environment and start building your application with a well-structured directory layout.
Starter-pack/
├── client/
└── server/
├── models/
├── routes/
├── controllers/
├── middlewares/
├── config/
└── utils/
This folder contains the frontend application built with React.js.
This folder contains the backend application built with Node.js and Express.js. The structure is as follows:
models/
: Contains Mongoose models for the application.routes/
: Contains route handlers for different API endpoints.controllers/
: Contains the business logic for handling requests and responses.middlewares/
: Contains middleware functions for authentication, authorization, etc.config/
: Contains configuration files, including database connection settings.utils/
: Contains utility functions used across the application.
Follow these steps to get started with the MERN stack starter pack:
-
Clone the Repository:
git clone https://github.com/Shoaibxaif/starter-pack.git cd starter-pack
-
Install Dependencies for Server:
cd server npm install
-
Install Dependencies for Client:
cd ../client npm install
-
Start the Server:
cd ../server npm start
-
Start the Client:
cd ../client npm start
The client will be available at
http://localhost:3000
, and the server will be available athttp://localhost:5000
.
- Frontend: Modify the React components in the
client/
folder to build your user interface. - Backend: Modify the server-side logic in the
server/
folder to implement your application's business logic.
Feel free to contribute to this project by opening issues, submitting pull requests, or suggesting improvements.
This project is licensed under the MIT License - see the LICENSE file for details.
For any questions or support, please contact mohammadshoaib7221@example.com.