Back to Projects

SpellBot

Spellbot is an educational application designed to help children improve their spelling in a fun and engaging way.

Typescript
React
Zustand
Tailwind
OpenAI API

Project Overview

SpellBot offers two complementary learning modes: Classic Mode: The child enters a list of 10 words and selects the language. The app then uses text-to-speech (TTS) to pronounce each word. The child listens and writes what they hear. At the end of the exercise, a summary appears, highlighting mistakes and correct answers. Spaced Repetition Mode: Based on active recall, this mode automatically reuses words the child has previously encountered. It reintroduces them at strategic intervals to enhance long-term retention.

Challenges & Solutions

One of the major challenges was integrating text-to-speech (TTS) via the OpenAI API, particularly managing playback controls (pause and replay) to ensure a smooth user experience. This required synchronizing audio stream generation with interface interactions while properly handling playback states. Another challenge involved optimizing the database for the spaced repetition algorithm. The main difficulty lay in accurately tracking words and dynamically adjusting revision intervals while maintaining optimal performance despite frequent data updates.

Screenshots

SpellBot screenshot 1
SpellBot screenshot 2
SpellBot screenshot 3
SpellBot screenshot 4