Japanese Learning Quiz

A web-based quiz application designed to help users learn Japanese vocabulary through interactive quizzes. This project uses HTML, CSS (Tailwind CSS), and JavaScript to create an engaging user experience.

Features

• Random Vocabulary Quiz: Presents a random Japanese word for the user to translate into English.
• User Feedback: Immediate feedback on the user's answers, indicating whether the answer is correct or not.
• Dynamic UI: Clean and user-friendly design with smooth transitions and animations.
• API Integration: Fetches words from an external API to keep the vocabulary list up-to-date.

Demo

You can access the demo of the application [here](#).

Installation

1. Clone the repository:

   git clone https://github.com/RayeMilk/japanese-learning-quiz.git

2. Navigate to the project directory:

   cd japanese-learning-quiz

3. Open the index.html file in your web browser to view the quiz.

Technologies Used

• HTML5: Structure of the web page.
• Tailwind CSS: Styling and responsive design.
• JavaScript: Logic and interaction for the quiz functionality.
• External API: Fetches Japanese vocabulary from JLPT Vocab API.

How to Use

1. Start the quiz: The quiz will automatically load a random Japanese word once the page is opened.
2. Enter your answer: Type the English translation of the word in the input box.
3. Submit your answer: Click the "Submit" button to check your answer.
4. Review feedback: You will receive immediate feedback indicating whether your answer is correct or incorrect.
5. Next word: Click the "Next Word" button to continue with a new word.

API Integration

The application fetches words from the JLPT Vocab API:

• API URL: https://jlpt-vocab-api.vercel.app/api/words/all
• Fetches a list of words with their meanings in English.

Contributing

Contributions are welcome! If you have suggestions for improvements, please submit a pull request or open an issue.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a pull request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

For any questions or suggestions, please contact:

• Your Name - comscigirls@gmail.com
• GitHub: yes this github account bro