MERN_Stack_CRUD

KO | EN

gitlite — search

#javascript #python #react #typescript #llm #go #android #rust #deep-learning #docker #macos #cli #pytorch #open-source

MERN_Stack_CRUD

(★ 10)

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.

MERN_Stack_CRUD Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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](https://s32.picofile.com/file/8481457384/01222.png)

### 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:
   ```bash
   git clone https://github.com/MiladJoodi/MERN_Stack_CRUD
   ```

2. For Backend:
   ```bash
   cd backend
   npm install
   npm start
   ```

3. For Frontend:
   ```bash
   cd frontend
   npm install
   npm run dev
   ```

### Prerequisites:
- CSS
- JavaScript
- Node.js
- React.js
- HTML

Enjoy coding your MERN stack application! 🚀

MERN_Stack_CRUD

MERN_Stack_CRUD Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

MERN_Stack_CRUD

MERN_Stack_CRUD Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README