🏆 JavaScript Vocabulary Quiz

JavaScript Vocabulary Quiz is a fun and interactive vocabulary learning game designed to help users improve their English vocabulary. It features dynamic, JSON-driven questions, SweetAlert2 notifications, and built-in text-to-speech pronunciation — all running in a single static page with vanilla JavaScript (no backend, no build step).

📚 Table of Contents

• Features
• How It Works
• Project Structure
• Setup & Installation
• Technologies Used
• License
• Contributing
• Connect with Me

🚀 Features

✔ Multiple Vocabulary Levels – Choose between two word lists (125 and 105 words) 📚 ✔ Two Learning Modes – Word → Translation or Translation → Word 🔄 ✔ Text-to-Speech – Click the speaker icon to hear the correct English pronunciation 🔊 ✔ SweetAlert2 Notifications – Engaging, animated feedback after every answer 🎉 ✔ Countdown Timer – 15 seconds per question keeps you focused ⏳ ✔ Mistake Limit – The game resets after 5 wrong answers, adding a bit of pressure 😅 ✔ Score Tracking – Earn 10 points per correct answer 🏅 ✔ Responsive UI – Built with Bootstrap 5 for a clean experience on any device 🎨

🎯 How It Works

1️⃣ Select a vocabulary level from the dropdown menu. 2️⃣ Choose a learning mode (Word → Translation or Translation → Word). 3️⃣ Pick the correct translation out of 3 shuffled options. 4️⃣ Earn 10 points for every correct answer, but be careful — 5 mistakes reset the game! 5️⃣ Click the 🔊 speaker icon to hear the English word pronounced aloud. 6️⃣ Answer all the words in the list to see your final score.

📂 Project Structure

javascript-vocabulary-quiz/
├── index.html                  # App markup + game logic (vanilla JS)
├── src/
│   ├── css/
│   │   └── style.css           # Styling and animations
│   ├── js/
│   │   ├── vocabulary8.json    # Vocabulary set 1 (125 words)
│   │   └── vocabulary9.json    # Vocabulary set 2 (105 words)
│   └── images/
│       └── banner.png          # Project banner
├── LICENSE
└── README.md

Each vocabulary entry follows this shape:

{ "word": "Helmet", "translation": "dubulg'a", "emoji": "⛑️" }

Translations are provided in Uzbek, since the app is aimed at Uzbek-speaking learners of English vocabulary.

🔧 Setup & Installation

1️⃣ Clone the repository

git clone https://github.com/Iqbolshoh/javascript-vocabulary-quiz.git

2️⃣ Navigate to the project directory

cd javascript-vocabulary-quiz

3️⃣ Open index.html in your browser and start playing! 🚀

No build tools, package installs, or server required — everything runs client-side.

🖥 Technologies Used

📜 License

This project is open-source and available under the MIT License.

🤝 Contributing

🎯 Contributions are welcome! If you have suggestions or want to enhance the project, feel free to fork the repository and submit a pull request.

📬 Connect with Me

💬 I love meeting new people and discussing tech, business, and creative ideas. Let's connect! You can reach me on these platforms: