https://github.com/nimomach/user-management-app
https://github.com/nimomach/user-management-app
express html-css-javascript html5 javascript nodejs reactjs vercel
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nimomach/user-management-app
- Owner: NimoMach
- Created: 2025-09-23T12:01:17.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-09-25T17:11:21.000Z (9 months ago)
- Last Synced: 2025-10-19T21:00:43.817Z (8 months ago)
- Topics: express, html-css-javascript, html5, javascript, nodejs, reactjs, vercel
- Language: JavaScript
- Homepage: https://nimomach.github.io/User-Management-App/
- Size: 2 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# User-Management App
This project is a full-stack MERN (MongoDB, Express, React, Node.js) User Management website built to help manage CRUD operations on users. I have used JSONPlaceholder's users data for this website.
---
## Project Overview
### Live Demo
[User-Management-App-Link](https://nimomach.github.io/User-Management-App/)
### Screenshots
## Tech Stack
This project is built with the **MERN Stack**:
- **Vercel** - Backend Deployment (used JasonPlaceholder's users data)
- **Express.js** - Backend framework
- **React.js** - Frontend library
- **Node.js** - Runtime environment
---
## Project Structure
```
User-Management/
├── backend/ # Express server and database setup
├── frontend/ # React front-end code
├── public/ # Static assets
├── src/ # Main source files for React components
├── .gitignore # Files and directories to be ignored by Git
├── README.md # Project documentation
├── package-lock.json # Dependency lock file
└── package.json # Project metadata and scripts
```
## Features
- The user can do basic CRUD operations on existing users data like edit, add, delete, search a user data.
- We can use filters, sort and search options to get the required data.
- **NOTE**: Because of the limitation of using JASONPlaceholder's users data, we can't update changes but It does show success by providing a success code on successful completion of task.
---
```
## Steps to run the App
- Clone the repo and make sure you have react, node js and express installed.
- Install all necessary dependencies
## Frontend
- run node index.js
## Backend
- run npm start
- **NOTE**: Run both frontend and Backend files simultaneously using two terminals to get the correct output.
---