DEV Community

Cover image for ๐Ÿ““ I Built an AI App That Makes Learning English Feel Effortless
Hosein Mahmoudi
Hosein Mahmoudi

Posted on

๐Ÿ““ I Built an AI App That Makes Learning English Feel Effortless

๐Ÿ““ Stop Memorizing English โ€” I Built an AI App That Actually Works

โšก The Hook

You try to learn English.

You memorize words.

And thenโ€ฆ you forget them.


๐Ÿง  The Real Problem

Most people learn English the wrong way:

  • memorizing random word lists
  • switching between apps and dictionaries
  • learning without context

Thatโ€™s why nothing sticks.


๐Ÿš€ The Idea

What if learning English felt like this:

๐Ÿ‘‰ You read something interesting

๐Ÿ‘‰ You click a word you donโ€™t know

๐Ÿ‘‰ You instantly understand it

No interruptions. No friction.


โœจ Introducing: English Notebook

A modern AI-powered app where you learn English by interacting with real content.

  • generate stories
  • click unknown words
  • build vocabulary automatically

๐Ÿค– Generate Stories Based on Your Level

This is one of the most powerful features.

You choose your level:

  • A1 โ†’ Beginner
  • A2
  • B1
  • B2
  • C1
  • C2 โ†’ Advanced

And the app generates a custom story just for you.


๐Ÿ–ผ๏ธ Story Generator

๐Ÿ“– Learn by Clicking Words

No more:

  • copy-pasting
  • opening dictionary tabs
  • losing focus

Just click any word:

  • definition
  • translation (your language ๐ŸŒ)
  • example sentences

๐Ÿ–ผ๏ธ Word Interaction

๐Ÿ“š Smart Vocabulary Notebook

Every word you click:

๐Ÿ‘‰ automatically saved

๐Ÿ‘‰ turned into a flashcard

You can:

  • review anytime
  • mark as mastered โœ…

๐Ÿ–ผ๏ธ Vocabulary Notebook

๐Ÿ“Š Track Your Progress (Game Changer)

This is where things get serious.

You donโ€™t just learn โ€” you measure your growth.

Dashboard shows:

  • total words learned
  • active vs mastered words
  • daily streak
  • 14-day activity trend

๐Ÿ–ผ๏ธ Dashboard

What gets measured gets improved.


๐Ÿ•˜ Nothing Gets Lost (History System)

Every story you generate is saved.

You can:

  • revisit old stories
  • continue reading anytime
  • track your learning journey

๐Ÿ–ผ๏ธ History

๐Ÿ”Š Learn with Audio

  • listen to stories
  • follow highlighted words
  • improve pronunciation naturally

๐ŸŒ Multi-Language Support

You can choose your translation language:

  • Persian ๐Ÿ‡ฎ๐Ÿ‡ท
  • Arabic
  • Spanish
  • Hindi
  • and more

๐ŸŽฏ Why This App Is Different

Most apps:

โŒ force memorization

โŒ feel like school

โŒ break your focus


English Notebook:

โœ… learning through stories

โœ… real-time interaction

โœ… measurable progress

โœ… smooth modern UX


๐Ÿง‘โ€๐Ÿ’ป Built With

  • Next.js 15
  • React 19
  • TypeScript
  • Tailwind CSS
  • Prisma + Neon
  • OpenRouter (AI)
  • Auth.js

๐Ÿ”— Try It Yourself

๐Ÿ‘‰ https://english-notebook-sigma.vercel.app/

Generate a story. Click words. See the difference.


๐Ÿ’ฌ Why I Built This

As a developer, I realized:

English is not optional โ€” it's your growth engine.

So I built a tool I actually wanted to use.


๐Ÿš€ Letโ€™s Connect

If you like this project or want to support:

๐Ÿ‘‰ https://github.com/hoseinmdev

Iโ€™m building more tools like this โ€” follow along ๐Ÿ”ฅ


๐Ÿ”ฅ Final Thought

Stop memorizing English.

Start interacting with it.


  • #englishlearning
  • #ai
  • #nextjs
  • #webdev
  • #programming

Top comments (0)