MERN-X full-stack framework for MERN Stack Developer

#javascript #mern #mernx #webdev

MERN-X is a comprehensive full-stack framework designed to streamline the development of web applications using the popular MERN stack: MongoDB, Express.js, React, and Node.js. Built with simplicity and scalability in mind, MERN-X empowers developers to create robust and efficient applications from end to end

Installation:

To create a new project using MERN-X, simply run the following command:

npx mern-x@latest

How to run project

npx run mern   // Project Back End Will Run @3000
npx run dev    // Complte Project Back End Will Run @3001

How create Model

npm run create:model YourModelName

How create Controller

npm run create:controller YourControllerName

How create Middleware

npm run create:middleware YourMiddlewareName

How create Page

npm run create:page YourPageName

How create Component

npm run create:component YourComponentName

How create Loader

npm run create:loader YourLoaderName

How create Layout

npm run create:layout YourLayoutName

Project Structure

mern-x/
│
├── app/                                      
│   ├── config/                                 
│   │   ├── cli.js
│   │   ├── config.js
│   │
│   ├── controllers
│   │   ├── todoController.js
│   │
│   ├── middlewares
│   │   ├── authMiddleware.js
│   │
│   ├── models
│   │   ├── todosModel.js
│   │
│   ├── storage/
│   │
│   ├── utility/
│   │   ├── emailUtility.js
│   │   ├── tokenUtility.js
│   │   ├── validationUtility.js
│   │
│   ├── dist/
│   │
│   ├── node_modules/
│   │
│   ├── public/
│   │
│   ├── routes/
│   │   ├── api.js
│   │   ├── web.jsx
│   │
│   ├── views/
│   │   ├── assets/
│   │   │   ├── css/
│   │   │   │    ├── style.js
│   │     
│   │   ├── components/
│   │   │   ├── CreateForm.jsx
│   │   │   ├── List.jsx 
│   │   
│   │   ├── layout/
│   │   │   ├── AppLayout.jsx
│   │   │
│   │   
│   │   ├── loader/
│   │   │   ├── ListLoader.jsx
│   │   │ 
│   │   ├── pages/
│   │   │   ├── CreatePage.jsx
│   │   │   ├── ListPage.jsx 
│   │     
│   │   ├── main.jsx  
│   │
│   │
│   ├── .gitattributes
│   ├── .gitignore
│   ├── app.js
│   ├── index.html
│   ├── LICENSE
│   ├── package.json
│   ├── package-lock.json
│   ├── postcss.config.js
│   ├── README.md
│   ├── tailwind.config.js
│   ├── vite.config.js