🌐 English জানালা (English Janala)

Learn English Easily & Interactively!

English-Janala is a modern, responsive education web app built to help learners improve their English vocabulary using interactive lessons, real-time pronunciation, and FAQs. Powered by HTML, TailwindCSS (with DaisyUI), and JavaScript, it offers a smooth experience—from lesson selection to speaking the words.

---

🚀 Live Demo

👉 English-Janala Live

---

✨ Features

• 🎨 Modern UI — Built with TailwindCSS + DaisyUI for a clean, responsive look
• 📚 Dynamic Lessons — Auto-fetches lesson levels with API calls
• 🔊 Pronunciation — Uses the Web Speech API for listening to vocabulary
• 📱 Responsive Design — Works seamlessly on mobile and desktop
• 📝 Vocabulary Cards — Shows word, meaning, pronunciation, and synonyms
• ❓ FAQ Section — Collapsible Q&A section for quick answers
• 🧭 Smooth Navigation — Scroll smoothly between sections (FAQ & Learn)
• 🔐 Login Flow — Simple form-based login/logout without backend
• 🪟 Modal Dialogs — Detailed word info displayed in a modal popup
• 🌐 Social Links — Connect to Facebook, YouTube, Instagram & GitHub

---

🛠 Tech Stack

• Frontend: HTML5, CSS3, TailwindCSS, DaisyUI
• Icons: Font Awesome
• Fonts: Google Fonts (Poppins & Tiro Bangla)
• JavaScript Features:
  • ⚡ Fetch API (for lessons & word details)
  • 🔊 Web Speech API (for real-time pronunciation)
  • 🖱 DOM manipulation for rendering lessons/cards dynamically
  • 🪟 Modal dialogs for word details
  • 📜 Smooth scrolling with scrollIntoView

---

📥 Installation & Usage

1. Clone the repo:

   git clone https://github.com/Zihan231/English-Janala.git

UI 🎨

Responsie UI 📱

👨‍💻 Author

English জানালা was created with ❤️ by Zihan231