Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ahmedmohmd/quizz-app

Awesome Quiz App, Test yourself in 4 Categories of Information.
https://github.com/ahmedmohmd/quizz-app

bootstrap bootstrap5 quickstart quiz quiz-game quizapp react styled-components

Last synced: 2 days ago
JSON representation

Awesome Quiz App, Test yourself in 4 Categories of Information.

Awesome Lists containing this project

README

        

# Quizz App

## 🚀 Brief Overview

This Quiz App is a dynamic web application that lets you test your knowledge across various categories like General Knowledge, Computer Science, Books, and Video Games. Offering two question formats—Multiple Choice Questions (MSQ) and True or False—it provides an engaging way to challenge yourself. Built with a sleek, responsive design using the Bootstrap framework, the app ensures a smooth user experience on any device. Powered by JavaScript, HTML, CSS, and React.js, it delivers fast performance and a modern interface to make learning fun and interactive.

## ✨ Key Features

1. Responsive Design
2. Awesome Design thanks to **tailwind** and **Preline UI**.
3. Nice perfomance.

## 🛠️ Tech Stack

- React.js
- Bootstrap
- [**Axios**](https://www.axios.com/)
- [**React Icons**](https://react-icons.github.io/react-icons/)
- [**Styled Components**](https://styled-components.com/)
- [**Lodash**](https://www.npmjs.com/package/lodash)
- [**React Router**](https://reactrouter.com/)

## 🔧 Install Instructions

1. Clone the repo

```bash
git clone https://github.com/ahmedmohmd/quizz-app.git

```

2. Install dependencies

```bash
yarn install

```

3. Run the App

```bash
yarn run dev

```

## 🖥️ Usage

1. You can choose quiz with two types: `true-false` and `mcq` questions.
2. You can filter questions by categories.
3. You can choose any number of questions.

## đź‘€ Demo

[Quiz App](https://quizz-app-eta.vercel.app/)

## 🖼️ Application's Screeshots