A simple, beautiful, and functional Task Manager built using HTML, CSS, and JavaScript.
It connects to a backend API to perform CRUD operations:
- β Create a task
- π View all tasks
- π Mark tasks as completed/uncompleted
- β Delete completed tasks
- Clean and modern UI with glassmorphism design
- Real-time task list updates with JavaScript
- Fully integrated with a backend REST API
- Responsive layout for all devices
- Frontend: HTML5, CSS3, Vanilla JavaScript
- Backend (assumed): Node.js + Express + PostgreSQL
Your backend should expose the following endpoints:
| Method | Endpoint | Description |
|---|---|---|
| POST | /api/tasks |
Create a new task |
| GET | /api/tasks |
Get all tasks |
| PUT | /api/tasks/:id |
Toggle completion status |
| DELETE | /api/tasks/:id |
Delete a task |
Example:
curl -X POST http://localhost:3000/api/tasks \
-H "Content-Type: application/json" \
-d '{"title":"Buy milk","description":"From store"}'-
Clone the repository:
https://github.com/Nilesh091/Task-Manager-API.git
-
Start your backend API
cd Backend npm run dev -
Start your Frontend through any IDE (VS Code)
Just open index.html in your browser or use Live Server (VS Code Extension).
