Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/filipealvess/quiz-app
Aplicação web de perguntas e respostas rápidas sobre assuntos variados
https://github.com/filipealvess/quiz-app
cssmodules eslint reactjs typescript vitejs
Last synced: about 1 month ago
JSON representation
Aplicação web de perguntas e respostas rápidas sobre assuntos variados
- Host: GitHub
- URL: https://github.com/filipealvess/quiz-app
- Owner: filipealvess
- Created: 2023-12-15T22:02:28.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-01-26T20:58:47.000Z (10 months ago)
- Last Synced: 2024-10-02T07:02:16.681Z (about 2 months ago)
- Topics: cssmodules, eslint, reactjs, typescript, vitejs
- Language: TypeScript
- Homepage: https://quiz-fs.vercel.app
- Size: 273 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quiz App
Jogo de perguntas rápidas sobre assuntos variados criado com ReactJS.
:point_right: [**Acesse a aplicação**](https://quiz-fs.vercel.app)
![imagem](https://github.com/filipealvess/quiz-app/assets/63798776/230bd1ed-1d04-4242-b59f-ada2795d851d)
![imagem](https://github.com/filipealvess/quiz-app/assets/63798776/cf2ed7c1-ecb1-431a-a07e-e7b675c04e69)
![imagem](https://github.com/filipealvess/quiz-app/assets/63798776/49899d49-d33d-4a5d-9fdb-14076c631d93)
### Como executar localmente:
0. Garanta que possui o Git e NodeJS (v20.10.0) instalados na sua máquina
```bash
git -v
# > git version 2.43.0node -v
# > v20.10.0
```1. Clone o repositório
```bash
git clone https://github.com/filipealvess/quiz-app.git
```2. Entre na pasta
```bash
cd quiz-app
```3. Instale as dependências
```bash
npm install
```4. Execute a aplicação
```bash
npm run dev
```5. Abra o endereço informado no navegador
```
VITE v5.0.7 ready in 373 msLocal: http://localhost:5173/
Network: http://192.168.0.186:5173/
Network: http://172.20.0.1:5173/
Network: http://172.18.0.1:5173/
press h + enter to show help
```### Tecnologias utilizadas no projeto:
- **ReactJS:** construção da interface do usuário (UI)
- **TypeScript:** definição de tipos
- **React Router DOM:** mapeamento de rotas