Create complete Typescript applications from the ground up using Codex. Learn to set up projects, build APIs, design interactive user interfaces, implement advanced features like dice notation parsing, and add proper validation and error handling.
Overview
Syllabus
Building Dice Roller API
- Setting Up Your Express TypeScript Project
- Add rollDice Function in src/utils.ts
- Build the /roll JSON API endpoint in Express and TypeScript
Creating Landing Page
- Dice Roller Landing Page with Express and TypeScript
- Dark/Light Theme Toggle with CSS Variables and localStorage Persistence
- UI Polish for Dice Roller: Dice Icon, Result Chips, Theme-Aware Favicons, and Typography Controls
Validating Dice Notation
- Implement Dice Notation Parsing and Validation in Express TypeScript API
- Write Deterministic Jest Tests for Dice Parser and /roll/ Endpoint
