The one who built this.
2025 · Next.js · SQLite · Prisma · Shadcn UI · Web Speech API · TypeScript

Lingua - French Learning App

Interactive French language learning application with vocabulary practice, exercises, and audio pronunciation.

Lingua - French Learning App screenshot

01 — the brief

Lightweight, browser-based French learning platform making language acquisition accessible and engaging.

Provides structured lessons with vocabulary lists, pronunciation practice using Web Speech API, and interactive exercises including multiple-choice questions, translation tasks, and listening challenges. Features gamified learning approach with progress tracking and achievement system.

02 — what it does

  • 01Developed structured lesson system covering beginner to intermediate French vocabulary and grammar concepts
  • 02Integrated Web Speech API for accurate French pronunciation practice and audio playback functionality
  • 03Built interactive exercise system with multiple-choice, translation, and listening challenges for comprehensive skill development
  • 04Implemented gamified learning approach with points, levels, and achievements to enhance user engagement and retention
  • 05Designed lightweight data storage with SQLite and Prisma ORM for efficient progress tracking and lesson management

03 — the frames

Lingua - French Learning App — frame 1
Lingua - French Learning App — frame 2
Lingua - French Learning App — frame 3
Lingua - French Learning App — frame 4

04 — the stack

Next.jsSQLitePrismaShadcn UIWeb Speech APITypeScript

05 — adjacent evidence

Want one of these?

start a project← all work