Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shubhamisongit/crud-app

A simple and efficient CRUD (Create, Read, Update, Delete) application built with the MERN Stack (MongoDB, Express, React, Node.js). This app allows users to manage data with ease by providing a seamless interface to create, view, update, and delete records. Perfect for learning and demonstrating the core principles of full-stack web development.
https://github.com/shubhamisongit/crud-app

crud database-management express full-stack javascript mern-stack mongodb mongoose nodejs reactjs user-management web-development

Last synced: about 1 month ago
JSON representation

A simple and efficient CRUD (Create, Read, Update, Delete) application built with the MERN Stack (MongoDB, Express, React, Node.js). This app allows users to manage data with ease by providing a seamless interface to create, view, update, and delete records. Perfect for learning and demonstrating the core principles of full-stack web development.

Awesome Lists containing this project

README

        

# MERN User Management App

A simple user management system built with the **MERN Stack** (MongoDB, Express, React, and Node.js). This application lets you create, view, update, and delete user profiles with ease, providing a robust foundation for managing user data.

# Demo

![AddUserPage](https://i.postimg.cc/fWGgk6wm/Screenshot-From-2024-11-11-00-12-48.png)
![AllUsersPage](https://i.postimg.cc/fTQBMmKv/Screenshot-From-2024-11-11-00-18-15.png)

## 🚀 Features

- **Add New Users**: Easily add users with just a few details.
- **View All Users**: Get a comprehensive list of all registered users.
- **Edit User Details**: Modify user information with real-time updates.
- **Delete Users**: Remove user profiles from the database seamlessly.

## 🛠️ Tech Stack

- **Frontend**: React, Tailwind CSS (optional: or replace with your CSS library)
- **Backend**: Node.js, Express
- **Database**: MongoDB

## 📝 Setup and Installation

### Prerequisites

- [Node.js](https://nodejs.org/)
- [MongoDB](https://www.mongodb.com/)
- [Git](https://git-scm.com/)

### Installation

1. **Clone the repository**
```bash
git clone https://github.com/your-username/mern-user-management.git
cd mern-user-management

2. **Install dependencies for both frontend and backend**
```bash
# Backend
cd server
npm install

# Frontend
cd ../client
npm install

3. **Set up MongoDB**

- Make sure MongoDB is running on your machine.
- Create a .env file in the backend directory and add your MongoDB URI.

```bash
MONGODB_URI=mongodb://localhost:27017/your_database_name
PORT=5000

4. **Run the application**
```bash
# In the backend directory
npm start

# In the frontend directory
npm start

The backend server will start on http://localhost:5000 and the frontend on http://localhost:3000

## 🤝 Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request.

## 🤝 Contact

For any questions or feedback, please reach out via [email protected].