https://github.com/satishnadipalli/forty4_assignment_task
This Assignment is written for the forty4 company on the date 04-09-2025 and submitted before the deadline of 05-09-2025 ( 1 day before submitted )
https://github.com/satishnadipalli/forty4_assignment_task
assignment html javascript mongodb mongoose nodejs reactjs tailwindcss usermanagementsystem
Last synced: 3 months ago
JSON representation
This Assignment is written for the forty4 company on the date 04-09-2025 and submitted before the deadline of 05-09-2025 ( 1 day before submitted )
- Host: GitHub
- URL: https://github.com/satishnadipalli/forty4_assignment_task
- Owner: satishnadipalli
- Created: 2025-09-04T09:23:23.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-09-04T10:15:00.000Z (11 months ago)
- Last Synced: 2025-09-04T11:30:22.951Z (11 months ago)
- Topics: assignment, html, javascript, mongodb, mongoose, nodejs, reactjs, tailwindcss, usermanagementsystem
- Language: JavaScript
- Homepage:
- Size: 590 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# User Management Dashboard
A full-stack CRUD web app built with **React + Vite** (frontend) and **Node.js/Express + MongoDB/Mongoose** (backend).
Includes client/server validation, RESTful APIs, and a responsive Tailwind UI.
## Features
- List, create, view, edit, and delete users
- Client-side validation (required fields, email format)
- Server-side validation with helpful errors
- Clean, responsive UI (Tailwind CSS)
- Organized folder structure and modular code
## Tech Stack
- **Frontend**: React (functional components + hooks), React Router, Axios, Vite, Tailwind CSS
- **Backend**: Node.js, Express.js, Mongoose
- **Database**: MongoDB
## Getting Started
### 1) Backend
```bash
cd server
cp .env.example .env
# edit .env to set MONGODB_URI and PORT
npm install
npm run dev
```
By default it runs at `http://localhost:5000`.
### 2) Frontend
Open a new terminal:
```bash
cd client
npm install
npm run dev
```
Vite will print a local dev URL, typically `http://localhost:5173`.
### 3) Connect Frontend to Backend
The frontend uses `VITE_API_BASE_URL` from `client/.env` (falls back to `http://localhost:5000/api`).
Create `client/.env` if you need to override:
```
VITE_API_BASE_URL=http://localhost:5000/api
```
## API Endpoints
- `GET /api/users` — list all users
- `GET /api/users/:id` — get single user
- `POST /api/users` — create user
- `PUT /api/users/:id` — update user
- `DELETE /api/users/:id` — delete user
### User Schema
```js
{
name: string,
email: string,
phone?: string,
company?: string,
address?: {
street?: string,
city?: string,
zip?: string,
geo?: { lat?: number, lng?: number }
}
}
```
## Scripts
- **server**: `npm run dev` (nodemon) / `npm start`
- **client**: `npm run dev` / `npm run build` / `npm run preview`
## Notes
- Includes graceful error responses (404, 400, 500)
- Email uniqueness enforced at DB level + validated in code
- Minimal, clean layout with Tailwind + accessible form controls
## Screenshots (add yours)
- Dashboard list
- Create/Edit form
- Detail page
---
## Screenshots
### Create User
### Edit User
### Update User
### View User
### After a user gets deleted
### Asking the admin to recheck while deleting
### Resposive screens
