Overview
Mern-Stack-Crud-App is a simple CRUD (Create, Read, Update, Delete) project designed for beginners. It is built using a combination of popular technologies including React, React Router, Express, and Mongoose. The project aims to provide a basic understanding of how a MERN (MongoDB, Express, React, Node.js) stack application works.
Features
- React and React Router: Enables building a dynamic and interactive user interface.
- Express: Provides a robust and flexible backend framework for handling HTTP requests and responses.
- Mongoose: Offers an elegant solution for interacting with MongoDB database.
Installation
To install and run Mern-Stack-Crud-App, follow these steps:
- Ensure Node.js version 10 or above is installed on your system.
- Clone the project repository from GitHub.
- Navigate to the project directory in your command line interface.
- Install the dependencies by running
npm installoryarn install. - Set up the backend:
- Navigate to the
backenddirectory. - Create a
.envfile and add your MongoDB connection string. - Run
npm startoryarn startto start the backend server.
- Navigate to the
- Set up the frontend:
- Navigate to the
frontenddirectory. - Run
npm startoryarn startto start the frontend server.
- Navigate to the
- Access the application in your web browser at
http://localhost:3000.
Summary
Mern-Stack-Crud-App is a beginner-friendly project that demonstrates the use of the MERN stack for building a simple CRUD application. With clear installation instructions, it allows users to quickly set up and explore the integration between frontend and backend technologies. Contributions are encouraged, with a straightforward process for submitting contributions via pull requests.