Lerni
A personal learning space where online sources, AI, and review sessions live in one place.
Lerni is an AI-powered learning app I built, inspired by NotebookLM. You add articles, blogs, and other materials from the web, then work with them in a notebook without jumping between tabs or drowning in bookmarks.
The Gemini API summarizes knowledge from your sources, answers questions in that context, and generates flashcards and quizzes to help you remember what you read.
You learn from your own materials. Summaries, chat, and review tools sit in one view instead of scattered tabs.
What the notebook looks like in practice, from login to flashcards and quizzes:
The interface is dark and calm on purpose. Login and the start screen make it clear this is a tool for focused learning, not another bulletin board.
Notebooks group topics: React, design patterns, interview prep. Each has its own sources, summary history, and generated study materials.
The workspace has three columns for three stages of learning: sources on the left, summary and AI chat in the center, studio on the right with flashcards and quizzes generated from what you've read.
Quizzes test understanding based on the summary, with hints, navigation between questions, and clear feedback. Flashcards work like classic cards: flip, reset, move to the next one.
Flashcards are generated from selected sources and can be reviewed right away in the Studio panel. No export to another app required.
Built with React, TypeScript, Shadcn, and Supabase, with the Gemini API handling the AI layer. The idea was simple: go from gathering materials to exam review without switching context.