Skip to content

This project demonstrates a simple full-stack CRUD application built with the MERN stack (MongoDB, Express.js, React.js, and Node.js). It covers the basics of working with APIs, handling user data, and displaying it in a React frontend.

License

Notifications You must be signed in to change notification settings

MiladJoodi/MERN_Stack_CRUD

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MERN Stack CRUD Application

Welcome to the MERN Stack CRUD project! This is a beginner-friendly example of building a full-stack application with MongoDB, Express.js, React.js, and Node.js. Image Description

Features:

  • Build a REST API with Express.js and MongoDB
  • Implement basic CRUD operations (Add, Edit, Delete, View Users)
  • Display users on the frontend using React.js

Technologies Used:

Frontend:

  • React.js ⚛️
  • Axios for HTTP requests 🌐
  • Bulma for styling 🎨
  • React Router DOM for navigation 🧭

Backend:

  • Express.js 🌐
  • MongoDB 🗄️
  • Mongoose for MongoDB object modeling 🔧
  • Cors for cross-origin resource sharing 🔒
  • Dotenv for environment variable management 🔑
  • Nodemon for automatic server reloading 🔄

Installation:

  1. Clone this repository:

    git clone https://github.com/MiladJoodi/MERN_Stack_CRUD
  2. For Backend:

    cd backend
    npm install
    npm start
  3. For Frontend:

    cd frontend
    npm install
    npm run dev

Prerequisites:

  • CSS
  • JavaScript
  • Node.js
  • React.js
  • HTML

Enjoy coding your MERN stack application! 🚀

About

This project demonstrates a simple full-stack CRUD application built with the MERN stack (MongoDB, Express.js, React.js, and Node.js). It covers the basics of working with APIs, handling user data, and displaying it in a React frontend.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published