ToDoList

Screenshots

Screencast.from.2025-05-25.16-44-07.online-video-cutter.com.mp4

Screencast.from.2025-05-18.21-06-19.online-video-cutter.com.mp4

Description

A simple fullstack project for managing personal tasks.

The project applies CRUD operations with a RESTful API built using FastAPI, and a modern frontend using Vite, React, and Tailwind CSS.

It demonstrates how to structure a fullstack app using Docker and MySQL for deployment and data persistence.

Features

• Add / edit / delete tasks

• Toggle task completion

• Responsive frontend

• RESTful API using FastAPI

• Persistent data using MySQL

• Dockerized for easy deployment

Technologies used

• Python

• FastAPI

• Uvicorn

• MySQL

• Docker + Docker Compose

• Node.js + NPM

• Vite + React + Tailwind CSS

• Apache2

Run project in local

1. Clone repository

git clone https://github.com/ianchu0317/ToDoList.git

2. Build web

cd frontend/web && npm install && npm run build

3. Run docker container ToDoList/docker-compose.yml

docker compose up --build

---

Project structure

ToDoList/
├── docs/                    <-- project documentation for api, db, and web  
├── backend/
│   ├── api/
│   ├── db/
│   ├── Dockerfile
│   └── docker-compose.yml   <-- backend only
├── frontend/
│   ├── web/                 <-- web docs using Vite
│   └── docker-compose.yml   <-- frontend only
├── docker-compose.yml       <-- ToDoList app (frontend + backend + db)

More detail documentation

• docs/backend.md for backend API and database

  • docs/api.md for API

  • docs/db.md for database

• docs/frontend/ for frontend web