Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lakhindarpal/geekwiz

A programming quiz app to test your knowledge in Linux, Bash, Docker, SQL, CMS, Code, and DevOps
https://github.com/lakhindarpal/geekwiz

api begginer-project css css3 dom-manipulation fetch-api front-end frontend html html-css-javascript html5 javascript js progressive-web-app pwa quiz quiz-app quizapp webapp

Last synced: 27 days ago
JSON representation

A programming quiz app to test your knowledge in Linux, Bash, Docker, SQL, CMS, Code, and DevOps

Awesome Lists containing this project

README 

        
# GeekWiz - Programming Quiz App



GeekWiz is a programming quiz app designed to test your knowledge in Linux, Bash, Docker, SQL, CMS, Code, and DevOps. Challenge yourself with different difficulty levels (Easy, Medium, Hard) and enjoy the quiz experience!



## Table of Contents



- [Introduction](#introduction)

- [Features](#features)

- [Live Demo](#live-demo)

- [Pagespeed Report](#pagespeed-insights-report)

- [Technologies](#technologies)

- [Getting Started](#getting-started)

  - [Prerequisites](#prerequisites)

  - [Installation](#installation)

- [Usage](#usage)

- [Contributing](#contributing)

- [License](#license)



## Introduction



GeekWiz is a quiz app aimed at programmers who want to test their skills in various programming domains. The app offers a user-friendly interface and a variety of questions to keep you engaged.



## Features



- Choose from multiple categories: Linux, Bash, Docker, SQL, CMS, Code, DevOps.

- Select your preferred difficulty level: Easy, Medium, Hard.

- Timer feature for each quiz to add an element of challenge.

- View your score and completion message at the end of each quiz.

- Responsive design for a seamless experience on various devices.

- Auto light and dark mode for a comfortable viewing experience.



## Live Demo



Check out the live demo of GeekWiz: [https://geekwiz.glitch.me](https://geekwiz.glitch.me)



## Pagespeed Insights Report



- **Performance:** 99

- **Accessibility:** 100

- **Best Practices:** 100

- **SEO:** 100



Check out the detailed Pagespeed Insights report [here](https://pagespeed.web.dev/analysis/https-geekwiz-glitch-me/tmcj793kox?form_factor=mobile)



## Technologies



- HTML5

- CSS3 (with CSS variables for theming)

- JavaScript (ES6+)

- Fetch API for data retrieval

- Service Worker for Progressive Web App (PWA) features



## Getting Started



### Prerequisites



Before you begin, make sure you have the following:



- **quizapi.io API Key:** Obtain your API key from [quizapi.io](https://quizapi.io/) by signing up for an account. Once you have your API key, you'll be able to fetch quiz questions for your app.

If you don't have an account on quizapi.io, you can [sign up here](https://quizapi.io/register).

- Ensure you have a modern web browser to run the app.

- Active internet connection to fetch quiz questions.



### Installation



1. Clone the repository:

   ```bash

   git clone https://github.com/LakhindarPal/GeekWiz.git

   ```

2. Fill the `ApiKey` in the `main.js` file.

3. Open `index.html` in your preferred web browser.



## Usage



1. Choose a category and difficulty level.

2. Click "Start Quiz" to begin.

3. Answer each question and click "Next Question" to proceed.

4. View your final score and completion message at the end.



## Contributing



If you'd like to contribute to GeekWiz, please follow our [contribution guidelines](CONTRIBUTING.md).



For any inquiries or feedback, feel free to open an issue.



## License



This project is licensed under the [MIT License](LICENSE).