ydev-mern

A modern, production-ready full-stack MERN (MongoDB, Express, React, Node.js) development kit featuring a sleek Vite + React frontend and an Express backend.

Quick Start

1. Install via npm

You can install ydev-mern directly into your project:

npm i ydev-mern

This installs both the frontend and backend directories into your node_modules/ydev-mern/.

2. Scaffold into your project (Recommended)

To unpack both frontend and backend directly into your project folder:

npx ydev-mern

Or into a new folder:

npx ydev-mern my-mern-app
cd my-mern-app

Project Structure

my-mern-app/
├── backend/
│   ├── src/
│   │   ├── Server.js       # Express server entry
│   │   └── db.js           # MongoDB connection utility
│   ├── .env.example        # Environment variables template
│   └── package.json
└── frontend/
    ├── src/
    │   ├── App.jsx         # Modern React showcase & UI
    │   ├── App.css
    │   └── main.jsx
    ├── index.html
    ├── vite.config.js
    └── package.json

Running the Application

Backend

cd backend
npm install
npm run dev

Runs Express on http://localhost:3000.

Frontend

cd frontend
npm install
npm run dev

Runs Vite dev server on http://localhost:5173.

License

MIT © yakshith.v