Sound Stars

Phonics flashcard app for the UK Year 1 National Phonics Screening Check (Summer Term).

Timed flashcard rounds over Phase 2-5 graphemes and tricky words. A parent or teacher marks each answer correct/incorrect; no accounts, no backend, no persistence.

Stack

• React + TypeScript + Vite
• Deployed to GitHub Pages via GitHub Actions (.github/workflows/deploy.yml)

Content

src/content/phonicsGraphemeBank.ts holds the grapheme and tricky-word banks (Crown copyright, Open Government Licence v3.0). src/content/deck.ts turns that raw content into normalized FlashcardItems that presentation components consume — content and presentation are kept decoupled so visual "skins" (flowers, dinosaurs, trains, etc.) can be layered on later without touching the phonics data or deck-building logic.

Develop

npm install
npm run dev

Build

npm run build

Pushing to main deploys dist/ to GitHub Pages automatically.