Overview Version History Q & A Rating & Review
🚀 MERN DevBoost - VS Code Extension
MERN DevBoost is a developer productivity VS Code extension that scaffolds a complete MERN (MongoDB, Express, React, Node.js) project structure — backend and frontend — in one command.
Save hours of setup time and jump straight into coding!
✨ Features
📁 Auto-generates full backend folder structure with essential boilerplate files
⚙️ Creates production-ready server.js
+ Express + MongoDB setup
⚛️ Generates a frontend React + Vite structure using create-vite
🌐 Includes working routing (react-router-dom
) and example pages
🧾 Automatically creates .env
files for backend & frontend
🛠️ No Tailwind or styling tools included — user can install their own
↺ Safe for re-runs — only missing folders/files are created
📁 Folder Structure Generated
📆 project-root/
├── backend/
│ ├── config/
│ ├── controllers/
│ ├── db/
│ ├── middleware/
│ ├── models/
│ ├── routes/
│ ├── services/
│ ├── utils/
│ ├── app.js
│ ├── server.js
│ └── .env
│
└── frontend/
├── public/
├── src/
│ ├── App.jsx
│ ├── main.jsx
│ ├── index.css
│ ├── components/
│ ├── pages/
│ └── services/
└── .env
⚙️ Installation
🔗 From VS Code Marketplace (Recommended)
Open Extensions tab in VS Code
Search: MERN DevBoost
Click Install
📦 From VSIX File (Offline)
Download .vsix
from GitHub Releases
In VS Code: Extensions Panel → ...
→ Install from VSIX
🚀 How to Use
Open any empty folder in VS Code
Run the command:
Press Ctrl + Shift + P
(Windows/Linux)
Press Cmd + Shift + P
(macOS)
Search for: MERN: Generate MERN Folder Structure
Hit Enter
🎉 Done! Full project structure will be scaffolded automatically
🧾 Notes
Frontend uses Vite + React
Tailwind or styling tools are not pre-installed — you can add them later
.env
file is generated both in backend and frontend with placeholder values
You can run the command multiple times — it won't override existing files
🛠 Future Plans
🧠 Mongoose schema generator with prompts
📄 README.md
generator inside scaffold
🧪 Built-in REST API test runner
🎮 Demo (Coming Soon)
Want to contribute a GIF or walkthrough?
Submit a PR or open an issue!
👨💻 Contributing
Fork this repository
Create a branch: git checkout -b feature/YourFeature
Commit your changes
Push and open a Pull Request ✅
🙌 Author & Credits
Created by @habibcodes 💻
Star it ⭐️ on GitHub: mern-devboost
📩 Feedback / Support
Open an issue at 👉 https://github.com/Farhan043/mern-devboost/issues
📘 License
Licensed under the MIT License