Full-Stack Software EngineerIntermediate8 modules~4.0 hours hands-on
Build a Full-Stack Task Manager
Build one complete, runnable full-stack app end-to-end: a React + TypeScript frontend talking to a FastAPI backend backed by SQLite, with full CRUD and a deploy note.
// What you'll be able to do- Prerequisites, scope, and the three-tier plan
- Scaffold the Vite React frontend and the FastAPI backend
- Model tasks, create the SQLite schema, and persist
- CRUD endpoints, request/response models, and CORS
8 modules, built to run
Every module ships runnable code. Expand any one to see what's inside.
00IntroductionThe app you'll ship and the stack behind it30 min
Objective — The app you'll ship and the stack behind it
Start moduleFree preview
01OrientationPrerequisites, scope, and the three-tier plan30 min
Objective — Prerequisites, scope, and the three-tier plan
02Project SetupScaffold the Vite React frontend and the FastAPI backend30 min
Objective — Scaffold the Vite React frontend and the FastAPI backend
03The Data LayerModel tasks, create the SQLite schema, and persist30 min
Objective — Model tasks, create the SQLite schema, and persist
04The APICRUD endpoints, request/response models, and CORS30 min
Objective — CRUD endpoints, request/response models, and CORS
05Reading From the ServerA typed fetch client, useEffect, and rendering the list30 min
Objective — A typed fetch client, useEffect, and rendering the list
06Creating and EditingControlled forms wired to POST, PATCH, and DELETE30 min
Objective — Controlled forms wired to POST, PATCH, and DELETE
07See It RunThe full round-trip, a deploy note, and the finished app30 min
Objective — The full round-trip, a deploy note, and the finished app
Ready to start Build a Full-Stack Task Manager?
Start with the free Module 0, then unlock the full course on a Pro plan.