CRUD Application using MERN Stack Overview This is a simple CRUD application built using the MERN stack. It allows users to perform Create, Read, Update, and Delete operations on a collection of items. The MERN stack consists of MongoDB for the database, Express.js for the backend server, React for the frontend, and Node.js for server-side JavaScript.
Table of Contents Features Technologies Used Getting Started Folder Structure Contributing License Features Create: Add new items to the collection. Read: View the list of items with details. Update: Modify the details of existing items. Delete: Remove items from the collection. Technologies Used Frontend:
React: A JavaScript library for building user interfaces. Axios: Promise-based HTTP client for making requests to the backend. Backend:
Node.js: JavaScript runtime for server-side development. Express.js: Web application framework for Node.js. MongoDB: NoSQL database for storing data. Getting Started Clone the repository:
bash Copy code git clone https://github.com/DanishAbdullahPy/Your-Repository.git cd Your-Repository Install dependencies:
bash Copy code
cd backend npm install
cd ../frontend npm install Configure the database:
Set up a MongoDB database and update the connection string in backend/config/db.js. Run the application:
bash Copy code
cd backend npm start
cd ../frontend npm start Open your browser and navigate to http://localhost:3000 to access the application.
Folder Structure php Copy code |-- backend # Backend server using Express.js |-- frontend # Frontend application using React |-- public # Public assets |-- README.md # Project documentation |-- .gitignore # Git ignore file |-- package.json # Project configuration and dependencies Contributing Feel free to contribute to this project. If you find any issues or have suggestions, please open an issue or create a pull request.
License This project is licensed under the MIT License.