A clean, functional ToDo list web application that performs basic CRUD operations β Add, View, Update, and Delete tasks. The backend is built using Go and the Gin framework, while the frontend uses HTML, CSS, and JavaScript.
This project is ideal for learning how frontend and backend communicate using REST APIs.
- β Add task with
Id,Task, andDonestatus - ποΈ Delete task using its ID
- β»οΈ Update existing task by ID
- π View all tasks in a formatted list
- π User-friendly interface using vanilla JS + CSS
- β‘ Real-time interaction using
fetch()API
- todo/
- βββ backend/
- β βββ main.go # Go server code
- β βββ go.mod
- β βββ go.sum
- β
- βββ frontend/
- β βββ index.html # Web interface
- β βββ style.css # Styling
- β βββ script.js # JavaScript logic
- β
- βββ screenshots/
- βββ homepage.png # Screenshot of homepage
| Layer | Technology |
|---|---|
| Backend | Go, Gin |
| Frontend | HTML, CSS, JS |
| Protocol | HTTP + JSON |
- Go installed (
go version) - A browser (Chrome, Firefox, etc.)
- Clone the repository
git clone https://github.com/kamaljeet-01/CRUD-API.git
cd todo/backend