Mern Stack Crud App screenshot

Mern Stack Crud App

Author Avatar Theme by Harounchebbi
Updated: 6 Mar 2023
186 Stars

Starter project using the MERN Stack.

Categories

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:

  1. Ensure Node.js version 10 or above is installed on your system.
  2. Clone the project repository from GitHub.
  3. Navigate to the project directory in your command line interface.
  4. Install the dependencies by running npm install or yarn install.
  5. Set up the backend:
    • Navigate to the backend directory.
    • Create a .env file and add your MongoDB connection string.
    • Run npm start or yarn start to start the backend server.
  6. Set up the frontend:
    • Navigate to the frontend directory.
    • Run npm start or yarn start to start the frontend server.
  7. 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.