https://github.com/furkan-dogu/milyoner-app

This project contains a trivia game application where users progress by answering questions from various categories and earn rewards. The project is developed using the React library.
https://github.com/furkan-dogu/milyoner-app

css javascript mock-data react usesound

Last synced: 3 months ago
JSON representation

This project contains a trivia game application where users progress by answering questions from various categories and earn rewards. The project is developed using the React library.

Host: GitHub
URL: https://github.com/furkan-dogu/milyoner-app
Owner: furkan-dogu
Created: 2024-03-10T13:04:30.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-04-06T21:57:33.000Z (about 1 year ago)
Last Synced: 2025-01-21T06:43:33.895Z (5 months ago)
Topics: css, javascript, mock-data, react, usesound
Language: JavaScript
Homepage: https://milyoner-app.vercel.app
Size: 2.56 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Milyoner App

## About the Project

This project contains a trivia game application where users progress by answering questions from various categories and earn rewards. The project is developed using the React library.

## Table of Contents

- [Technologies Used](#technologies-used)
- [Usage](#usage)
- [Project Skeleton](#project-skeleton)
- [Screenshots](#screenshots)

## Live Demo

[Milyoner App](https://milyoner-app.vercel.app/)

## Technologies Used

- React
- [useSound](https://www.npmjs.com/package/use-sound) for sounds
- Styling with CSS

## Usage

- Start by entering your username.
- Answer the questions to progress.
- Earn rewards for each correct answer.
- There are a total of 13 questions, and the reward amount increases with each question.
- You can end the game by answering the questions incorrectly.
- If you answer the last question correctly, you win the game.

## Project Skeleton

```
Milyoner App (folder)
|
|----readme.md
SOLUTION
├── public
│ └── index.html
├── src
│ ├── assets
│ │ ├── [images]
│ │ └── [sounds]
│ ├── components
│ │ ├── Pyramid.jsx
│ │ ├── Start.jsx
│ │ ├── Timer.jsx
│ │ └── Trivia.jsx
│ ├── helpers
│ │ ├── data.js
│ │ └── moneyPyramid.js
│ ├── pages
│ │ └── Home.jsx
│ ├── App.js
│ ├── index.css
│ └── index.js
├── package.json
└── yarn.lock
```