Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/hsnice16/react-marvelsquiz

marvelsQuiz is a fun quiz game for marvel fans, play to check if you are a marvel fan or not. Give it a try today.
https://github.com/hsnice16/react-marvelsquiz

classnames css3 html5 poshui prop-types react-router-dom reactjs typescript vercel

Last synced: 7 days ago
JSON representation

marvelsQuiz is a fun quiz game for marvel fans, play to check if you are a marvel fan or not. Give it a try today.

Awesome Lists containing this project

README

        

marvelsQuiz logo

# marvelsQuiz

![Forks](https://img.shields.io/github/forks/hsnice16/react-marvelsQuiz)
![Stars](https://img.shields.io/github/stars/hsnice16/react-marvelsQuiz)
![License](https://img.shields.io/github/license/hsnice16/react-marvelsQuiz)

---

## 📕 Table of Contents

- [About](#-about)
- [Features It has](#-features-it-has)
- [Getting Started](#-getting-started)
- [Connect with me](#-connect-with-me)

---

## 📖 About

marvelsQuiz is a fun quiz game for marvel fans, play to check if you are a marvel fan or not.

Give it a try today.

---

## 🚀 Features It has

**Categories**

- play in different category

- Avengers: Infinity War
- Doctor Strange
- Captain Marvel

**For Developers**

- localStorage to store selected theme
- sessionStorage to persist state on page refresh
- toast to improve user experience

**Options**

- four options for each question

**Quit Quiz**

- quit quiz anytime

**Responsive**

- the app is fully responsive

**Share**

- share your total score on Twitter

**Themes**

- toggle between dark/light theme

---

## 🔌 Getting Started

- clone the repository on your local machine with the command below in your terminal, and cd into the **react-marvelsQuiz** folder

```
git clone https://github.com/hsnice16/react-marvelsQuiz.git

cd react-marvelsQuiz
```

- install dependencies (if you are using **yarn** then do with that)

```
npm install
```

- start the server

```
npm start
```

---

## 👨‍💻 Connect with me