Skip to content
Plate 03

THREADS

Concurrency and parallelism explained with animation, not slides.

React + Motion

Problem

Threads, concurrency and parallelism are usually taught with static diagrams, and the difference between them rarely sinks in.

Solution

An interactive platform with animations, a timeline comparing sequential, concurrent and parallel execution side by side, and quizzes with per-user progress.

Decisions

  1. 01Async backend end to end, with SQLAlchemy 2 async and asyncpg.
  2. 02JWT authentication with rate limiting and security hardening on the quiz and progress routes.
  3. 03CI with tests and PostgreSQL 17 on Docker Compose.

Stack

  • React 19
  • Vite
  • Framer Motion
  • Zustand
  • FastAPI
  • SQLAlchemy 2
  • PostgreSQL 17
  • Docker

Links

← Back to projects