Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rupomsoft/mern-x
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
https://github.com/rupomsoft/mern-x
express mern mern-boilerplate mern-project mern-stack mern-stack-app mern-x mongodb react
Last synced: 1 day ago
JSON representation
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
- Host: GitHub
- URL: https://github.com/rupomsoft/mern-x
- Owner: rupomsoft
- License: mit
- Created: 2024-01-31T09:36:12.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-09-12T07:33:17.000Z (3 months ago)
- Last Synced: 2024-12-14T05:06:27.067Z (8 days ago)
- Topics: express, mern, mern-boilerplate, mern-project, mern-stack, mern-stack-app, mern-x, mongodb, react
- Language: JavaScript
- Homepage: https://mernx.com
- Size: 340 KB
- Stars: 116
- Watchers: 2
- Forks: 14
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### Installation:
To create a new project using MERN-X, simply run the following command:
```
npx mern-x@latest
// For yarn
yarn exec mern-x
```
How to run project
```
npm run mern // Project Back End Will Run @3000
npm run dev // Complete Project Will Run @3001
// For yarn
yarn run mern
yarn run dev
```
How create Model
```
npm run create:model YourModelName
// For yarn
yarn run create:model YourModelName
```
How create Controller
```
npm run create:controller YourControllerName
// For yarn
yarn run create:controller YourControllerName
```
How create Middleware
```
npm run create:middleware YourMiddlewareName
// For yarn
yarn run create:middleware YourMiddlewareName
```
How create Page
```
npm run create:page YourPageName
// For yarn
yarn run create:page YourPageName
```
How create Component
```
npm run create:component YourComponentName
// For yarn
yarn run create:component YourComponentName
```
How create Loader
```
npm run create:loader YourLoaderName
// For yarn
yarn run create:loader YourLoaderName
```
How create Layout
```
npm run create:layout YourLayoutName
// For yarn
yarn run create:layout YourLayoutName
```
Project Structure
```php
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
```
- app: This directory contains the main application code.
- config: Configuration files for the application.
- controllers: Controllers for handling business logic.
- Middleware functions for handling requests.
- models: Database models.
- storage: Directory for storing files (if applicable).
- utility: Utility functions.
- dist: Distribution files (compiled code).
- node_modules: Node.js modules installed via npm.
- public: Public assets.
- routes: Route definitions.
- views: React components and views.
- assets: Static assets like CSS files.
- components: Reusable React components.
- layout: Layout components.
- loader: Loading components.
- pages: Individual pages/components.
- .gitattributes: Git attributes file.
- .gitignore: Git ignore file.
- app.js: Entry point of the Node.js application.
- index.html: Main HTML file.
- LICENSE: License file.
- package.json: Project metadata and dependencies.
- package-lock.json: Dependency lock file.
- postcss.config.js: PostCSS configuration file.
- README.md: Project documentation.
-tailwind.config.js: Tailwind CSS configuration file.
-vite.config.js: Vite configuration file.