💡 Inspiration

Dyslexia affects 15-20% of the population. If you look at the AI and accessibility tools available today, they are severely limited—they almost entirely focus on reading (like text-to-speech or specialized fonts). But they completely ignore the physical mechanics of writing. Children with dyslexia often also struggle with dysgraphia, meaning the physical act of tracing and drawing letters is incredibly difficult and frustrating. We realized that to truly solve this, we had to build a clinical-grade occupational therapy tool right in the browser. That realization is what inspired us to create Lexi.

🚀 What it does

Lexi is a gamified, multi-sensory handwriting therapy platform. Guided by a friendly AI avatar named Lexi, children are encouraged to practice their fine motor skills in a fun, positive environment.

Instead of just checking if a letter "looks right," our custom engine tracks 13 real-time clinical metrics while the child draws—including stroke velocity, tremor frequency, angle changes, and time-on-task. As children practice across our 6 learning modes (Shapes, Letters, Numbers, Words, Sentences, and Free Draw), Lexi provides real-time audio encouragement and grades their mechanics to help them build lasting neural pathways for writing confidence.

🛠️ How we built it

We built the frontend using React 19 and Vite to ensure lightning-fast performance. Because standard HTML canvas isn't smart enough to grade handwriting mechanics, we engineered a custom Vector Engine from scratch. This engine records hundreds of (x, y) coordinate data points per second.

We integrated the Web Speech API to bring our AI coach, Lexi, to life with dynamic text-to-speech. To ensure the platform is accessible to all children, the entire UI is styled using CSS3 Glassmorphism and the OpenDyslexic font, and we built in localization for 5 different languages.

⚠️ Challenges we ran into

One of our biggest hurdles was designing the grading algorithm to differentiate between intentional sharp corners (like the letter "W" or "M") and actual hand tremors (a key clinical indicator of dysgraphia). We had to mathematically tune our stroke-analysis engine to allow a baseline of natural sharp angle changes before it started penalizing for tremors.

🏆 Accomplishments that we're proud of

We are incredibly proud of successfully gamifying a clinical methodology (Orton-Gillingham). Seeing the reward system work—where children earn stars, coins, and unlockable avatar colors based on their actual handwriting improvement—proves that therapy doesn't have to be boring.

📚 What we learned

We learned a massive amount about the clinical side of occupational therapy. Before this hackathon, we didn't realize how much the Orton-Gillingham methodology relies on physical, multi-sensory feedback. We also learned how difficult it is to mathematically track hand tremors; we had to dive deep into vector mathematics and coordinate tracking to build an engine that could accurately grade the mechanics of a child's handwriting in real-time.

⏭️ What's next for Lexi

We plan to implement backend cloud-syncing for occupational therapists, allowing them to log in to a dashboard and view a child's clinical telemetry (tremor, speed, and accuracy charts) remotely over time!

Built With

Share this project:

Updates