/NF-quizapp

A Quiz App for Neue Fische

Primary LanguageHTML

QuizApp [Neue Fische - Web Developement] 🐟

The QuizApp is a fun and interactive web application that lets you test your knowledge on various topics. You can choose from a range of questions, bookmark your favorites, and even create your own! This project is developed with HTML, CSS and JavaScript using Visual Studio Code as the editor. It is part of the Bootcamp β€œNeue Fische” for web development.

Features πŸš€

  • Read questions and click buttons to reveal the answers. πŸ™‹β€β™‚οΈ
  • Bookmark questions and view them on a separate page. πŸ“š
  • Visit your profile page and see how many questions and bookmarks you have created. πŸ™Œ
  • Create your own questions. 🎨

Usage πŸ–±οΈ

  • On the home page, you will see a list of questions on different topics. You can click on a question to see the answer, or click on the bookmark icon to save it for later. 🏠

  • On the bookmarks page, you will see all the questions that you have bookmarked. You can click on a question to see the answer, or click on the bookmark icon again to remove it from your list. πŸ”–

  • On the profile page, you will see your username and a counter for how many questions and bookmarks you have created. πŸ‘€

Create a question ✏️

You can click on the create button to make your own question. On the create page, you will see a form where you can enter your question, answer and topic. After filling out the form, click on the submit button to save your question. The Userquestions will appear under the form section.

API πŸ’»

This project uses the API from https://the-trivia-api.com/ to fetch random questions for different topics. You can check out their documentation for more details. The API will always fetch 10 random questions.

Contributing πŸ™

This project is open for contributions. If you want to report a bug, request a feature or suggest an improvement, please open an issue on GitHub. If you want to make changes to the code, please fork this repository and create a pull request.