Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/shubhamisongit/crud-app
- Owner: shubhamisongit
- Created: 2024-11-10T00:21:32.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-10T21:07:37.000Z (2 months ago)
- Last Synced: 2024-11-10T22:18:50.383Z (2 months ago)
- Topics: crud, database-management, express, full-stack, javascript, mern-stack, mongodb, mongoose, nodejs, reactjs, user-management, web-development
- Language: JavaScript
- Homepage:
- Size: 26.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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-management2. **Install dependencies for both frontend and backend**
```bash
# Backend
cd server
npm install# Frontend
cd ../client
npm install3. **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=50004. **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].