All projectsAI SaaS Application

TypeSprint

Learn typing faster & smarter

TypeSprint is a modern typing tutor that adapts to what you want to practice. Take timed tests in 15-, 30-, or 60-second modes, follow a structured curriculum from beginner to advanced, or describe any topic and let OpenAI generate a custom drill saved to your library. A progress dashboard tracks streaks, WPM, and a 30-day performance chart, the typing engine measures accuracy and mistakes in real time client-side, and Server Actions invalidate caches so new achievements show instantly.

Category
AI SaaS Application
Role
Solo design & engineering
AI engine
OpenAI
Status
Live · Open source
Built with

Next.jsTypeScriptTailwind CSSShadcn/UIFramer MotionBetter AuthPostgreSQLOpenAI

TypeSprint landing page
The landing page — learn typing faster and smarter.
What it does

Three ways to practice.

AI-generated lessons

Describe a topic, difficulty, length, and tone; OpenAI writes a custom drill saved to your library.

Structured curriculum

Lessons organized by skill level, from beginner through advanced.

Timed tests

Live typing tests in 15-, 30-, and 60-second modes with per-lesson best-score history.

Progress dashboard

Streaks, WPM statistics, and a 30-day performance chart built to motivate.

The flow

How a lesson runs.

  1. 1Sign in with email/password or Google via Better Auth.
  2. 2Pick a curriculum lesson, a timed test, or generate one with AI.
  3. 3The client-side engine tracks WPM, accuracy, and mistakes as you type.
  4. 4Your attempt is saved with best-score tracking.
  5. 5Server Actions invalidate caches so progress updates without a refresh.
Under the hood

Fast and typed.

Next.js 16 + Turbopack

App Router with server rendering and end-to-end TypeScript.

OpenAI lesson generation

Generated content is stored in Postgres via Drizzle ORM.

Admin & charts

A lesson-curation and role admin panel, with Recharts progress visualizations.

TypeSprint typing engine tracking WPM and accuracy
The typing engine — real-time WPM, accuracy, and mistake tracking, all computed client-side.
Gallery

A closer look.

TypeSprint progress dashboard
The dashboard — streaks, WPM, and a 30-day chart.
TypeSprint structured lessons
The curriculum — lessons organized by skill level.
TypeSprint AI lesson generator
AI lessons — describe a topic and get a custom drill.