Introduction
Why TaskFlow, how the course is structured, and what you’ll have built by the end. Open →
Introduction
Why TaskFlow, how the course is structured, and what you’ll have built by the end. Open →
Setup & Tooling
Install Rust, Node, Docker, and the rest of the toolchain, and scaffold the project. Open →
Database Design
Model boards, columns, and cards in PostgreSQL, with migrations from day one. Open →
Backend Foundations
Stand up the Axum server, routing, config, and error handling. Open →
Authentication
Add signup, login, and session handling so boards belong to real users. Open →
REST API
Build the CRUD endpoints for boards, columns, and cards. Open →
Caching
Speed up reads and protect PostgreSQL with a Redis caching layer. Open →
Realtime
Push live board updates to every connected client over WebSocket. Open →
Frontend
Build the Astro UI that talks to your API and renders the board. Open →
The Kanban Island
Wire up drag-and-drop and realtime sync in an interactive Astro island. Open →
Testing
Cover the backend and frontend with automated tests you can trust. Open →
Docker & Compose
Containerize every service and bring the whole stack up with one command. Open →
Wrap-up
Review what you built and where to take TaskFlow next. Open →
Real, copy-pasteable code
Every snippet is real, runnable code you can copy straight into your project — no pseudo-code.
Adapts the Learn Hub courses
Built on patterns from the Learn Hub Rust and Astro courses, applied to one real project end to end.
Bilingual EN / ไทย
Available in English and ไทย — switch anytime from the top bar.
You build it by following along
This is a build-along guide: you write the code yourself, step by step, not just read about it.
Every crate, package, and image version below was checked against the official docs and, where the code runs locally, against a real cargo build/cargo test/npm run build/docker compose config on this exact course:
| Layer | Version |
|---|---|
| Rust | 1.96, edition 2024 |
| Axum | 0.8 |
| Tokio | 1 (full features) |
| SQLx | 0.8 |
| tower-http | 0.7 |
| redis / deadpool-redis | 0.27 / 0.16 |
| jsonwebtoken | 9 |
| argon2 | 0.5 |
| PostgreSQL image | postgres:18 |
| Redis image | redis:8 |
| Astro | 6 |
| Preact | 10 |
| Node | 24+ |