Case study

Lingora

A structured language learning platform supporting German, Italian, and French — with lessons, practice tests, progress tracking, and personalized course paths per user.

Next.js
React
TypeScript
PostgreSQL

Overview

Lingora is a full-stack language learning web application built to give users a structured path from beginner vocabulary to real conversations. The platform supports multiple languages including German, Italian, and French, each with a dedicated course track unlocked after login. It features 22+ lessons organized by proficiency level (A1 through B2), practice tests, and progress tracking to keep learners on a measurable roadmap. The UI includes a dark mode toggle and a clean, modern design with animated visual elements. Users sign in once and select their target language, replacing the experience of scattered random content with a focused, curriculum-style learning journey. Built with Next.js, React, TypeScript, and PostgreSQL for a scalable and maintainable full-stack architecture.

Process

Lingora started as a personal e-learning project built in PHP, later rebuilt and expanded into a modern full-stack application using Next.js, React, TypeScript, and PostgreSQL. The development process involved architecting a multi-language curriculum system, designing a lesson and proficiency level structure (A1–B2), building user authentication with personalized course selection post-login, and implementing practice tests and progress tracking per user. The frontend was designed for clarity and engagement, with a responsive layout, dark mode support, and animated visual elements. The database was structured to support scalable content management across multiple languages and lesson types.

Web Design