Powered By CodeEaseX 🚀

---

---

⬇️ Installation

1npx mern-quickstart@1.0.17

🚀 Introduction

mern-launcher automates setting up frontend and backend folders, installing dependencies, and initializing servers, making development faster and hassle-free.

---

🛠 Features

• ✅ Automatic Folder Setup.
• ✅ Installs Dependencies Automatically.
• ✅ Fast and Efficient Setup.
• ✅ Built-in Routing System.
• ✅ Built-in Tailwind CSS Configuration.
• ✅ Built-in Redux Toolkit with Store and Slices.
• ✅ Supports React.js, Node.js, Express.js, Tailwind CSS, MongoDB.

📜 License: MIT License

---

This project is licensed under the MIT License.

🎯 Usage

To create a new project, run:

1npx mern-quickstart@1.0.17

You will be prompted with:

• You can enter '.' for current dir, '..' to go back one level, or a full path for a custom location
• Enter the directory: ..
• Enter project name: Demo

This will generate:

1Demo/
2├── frontend/ (React.js setup)
3└── backend/ (Express/Node.js setup)

📦 Module Type Selection

1Which module type do you prefer? (Enter 'cjs' for CommonJS or 'esm' for ES Module):

1esm

🎨 Select a Framework

1React

🛠 Select a Variant

1JavaScript

---

📂 Project Structure

Frontend Folder Structure

1frontend/
2│── public/
3│── src/
4│ ├── assets/
5│ ├── components/
6│ │ ├── common/
7│ │ ├── layout/
8│ │ ├── home/
9│ ├── features/
10│ │ ├── authSlice.jsx
11│ ├── hooks/
12│ ├── pages/
13│ │ ├── Home.jsx
14│ ├── routes/
15│ │ ├── PrivateRoute.jsx
16│ │ ├── AppRoute.jsx
17│ │ ├── AdminRoute.jsx
18│ │ ├── index.jsx
19│ ├── store/
20│ ├── utils/
21│ ├── App.jsx
22│ ├── main.jsx
23│ ├── App.css
24│ ├── index.css
25│── .env
26│── package.json
27│── README.md

Backend Folder Structure

1backend/
2│── src/
3│ ├── config/
4│ │ ├── db.js
5│ │ ├── config.env
6│ ├── controllers/
7│ │ ├── authController.js
8│ ├── middlewares/
9│ │ ├── authMiddleware.js
10│ │ ├── errorHandler.js
11│ ├── models/
12│ │ ├── User.js
13│ ├── routes/
14│ │ ├── authRoutes.js
15│ ├── utils/
16│ │ ├── generateToken.js
17│ │ ├── catchAsync.js
18│ ├── index.js
19│── .env
20│── package.json
21│── README.md

---

🚀 Start the Servers

• Before starting the server, configure the .env file.

Start the Frontend:

1cd Demo/frontend
2npm run dev

Start the Backend:

1cd Demo/backend
2npm run dev

✅ Basic MERN platform setup completed successfully!