GithubHelp home page GithubHelp logo

ahtisham774 / quizi Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 176 KB

Home Page: https://quizi-quiz.vercel.app/

License: Eclipse Public License 2.0

HTML 59.74% CSS 3.55% JavaScript 36.71%
css frontend html javascript quiz quiz-app quizi tailwindcss

quizi's Introduction

Quizi App

Quizi App is a web-based quiz application that allows users to test their knowledge on various subjects and topics. This README provides an overview of the Quizi App, its features, installation instructions, and usage guidelines.

Features

  • User-friendly interface for an intuitive quiz-taking experience.
  • Multiple choice questions with options for each question.
  • Instant feedback on the selected answers (correct/incorrect).
  • Dynamic scoring system to track the user's performance.
  • Ability to review and analyze quiz results.
  • Progress tracking to monitor the number of quizzes attempted.
  • Responsive design for seamless usage on different devices.
  • Customizable quiz content and categories.

Screenshot

66565627-b6dd-4b1f-879a-8a5b7820f36e

Installation

  1. Clone the repository: git clone https://github.com/ahtisham774/quizi.git
  2. Navigate to the project directory: cd quizi
  3. Open the index.html file in your preferred web browser.

Usage

  1. Upon opening the application, you will be presented with the home page.
  2. Browse through the available quiz categories or select a specific quiz from the list.
  3. Start the quiz by clicking on the "Start Quiz" button.
  4. Read each question carefully and select the appropriate answer from the given options.
  5. After answering all the questions, click on the "Submit" button to view your results.
  6. The app will display your score, highlight correct and incorrect answers, and provide an overall assessment.
  7. Optionally, you can review your quiz results and retake quizzes to improve your performance.
  8. Navigate back to the home page or select another quiz category to explore different topics.

Customization

You can customize the Quizi App according to your preferences:

  • Modify the quiz content by editing the script.js file, which contains the quiz questions, options, and correct answers.
  • Customize the styling by modifying the CSS files located in the styles folder.
  • Add or remove quiz categories as needed by updating the category list in the index.html file.

Contributing

Contributions to the Quizi App project are welcome! If you encounter any bugs, have suggestions for improvements, or would like to add new features, feel free to submit a pull request. Please ensure that your contributions align with the project's coding standards and guidelines.

License

The Quizi App is open-source software licensed under the EPL 2.0 license.

Acknowledgements

  • OpenTriviaDB for providing the trivia API used in the app.
  • Tailwind CSS for the utility-first CSS framework used in the app's styling.
  • FontAwesome for the icons used in the user interface.

Contact

For any inquiries or support, please contact the project maintainer: [email protected].

quizi's People

Contributors

ahtisham774 avatar

Stargazers

 avatar Muhammad Abdullah Uppal avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.