Project
English Janala
A vocabulary learning app with structured lessons and pronunciation support to help users build English skills.
HTML5
CSS3
Tailwind CSSDaisy UI
About the Project
English Janala is a vocabulary learning web app designed to help Bangla-speaking users build their English skills through structured, lesson-based content. Users progress through organized vocabulary sets, hear correct pronunciations via the Web Speech API, and reinforce learning through repetition and visual feedback. The app is built with pure HTML, CSS, Tailwind CSS, and DaisyUI — no framework dependency — making it lightweight, fast-loading, and accessible even on low-end devices. It reflects a practical approach to language learning: structured, distraction-free, and immediately usable without sign-ups or installations.
⚡ What Was Hard
- 01Structuring lesson data in a way that was easy to extend without a backend or CMS.
- 02Implementing the Web Speech API for pronunciation in a cross-browser compatible way.
- 03Designing a lesson progression system using only vanilla JavaScript without a framework.
- 04Keeping the UI clean and distraction-free while still being visually engaging for learners.
- 05Ensuring the app loaded fast and worked well on low-end mobile devices common in Bangladesh.
🚀 What is Next
- 01Migrate to React for dynamic lesson rendering and easier state management.
- 02Add a spaced repetition system (SRS) to optimize vocabulary retention.
- 03Introduce user accounts and progress tracking across sessions.
- 04Add Bangla definitions and example sentences alongside English vocabulary.
- 05Build a quiz mode with multiple choice and fill-in-the-blank exercises.