User can do Create, Read, Update & Delete opertion in MERN stack. User can do POST, GET, PUT & DELETE opertion in MERN stack.
Packages :
For client : react, react-dom, react-scripts, web-vitals, xml-js For server : axios, cors, dotenv, express, mongoose, modemon
react-router-dom, react-hot-toast are optional. axios, cors, dotenv, nodemon are optional.
User-CRUD-MERN/
├── client/ (Frontend code)
│ ├── node_modules/ (Frontend dependencies)
│ ├── public/ (Static assets)
│ │ ├── favicon.ico
│ │ ├── index.html
│ │ └── ...
│ ├── src/ (React components, styles, and logic)
│ │ ├── components/ (Reusable UI components)
│ │ ├── pages/ (Top-level components for each route)
│ │ ├── services/ (API service functions)
│ │ ├── styles/ (CSS or other styling files)
│ │ ├── App.js (Main application component)
│ │ └── index.js (Entry point for React application)
│ ├── package.json (Client dependencies and scripts)
│ └── ...
│
├── server/ (Backend code)
│ ├── node_modules/ (Backend dependencies)
│ ├── controllers/ (Route controllers)
│ ├── models/ (Database models)
│ ├── routes/ (API routes)
│ ├── config/ (Configuration files)
│ ├── middleware/ (Custom middleware)
│ ├── utils/ (Utility functions)
│ ├── app.js (Express application setup)
│ ├── server.js (Entry point for Node.js server)
│ ├── package.json (Server dependencies and scripts)
│ └── ...
│
├── node_modules/ (Main project dependencies)
├── package.json (Main project metadata, scripts, and dependencies)
├── package-lock.json (Lock file for npm dependencies)
└── .gitignore (Specify files and directories to be ignored by Git)