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

https://github.com/devhyrum/frontend-quiz-application

Este é um projeto de uma aplicação de quiz frontend, construída com React. A aplicação só possui uma tela de boas-vindas com opções de quiz para HTML, CSS, JavaScript e Acessibilidade.
https://github.com/devhyrum/frontend-quiz-application

frontend-mentor reactjs

Last synced: about 2 months ago
JSON representation

Este é um projeto de uma aplicação de quiz frontend, construída com React. A aplicação só possui uma tela de boas-vindas com opções de quiz para HTML, CSS, JavaScript e Acessibilidade.

Awesome Lists containing this project

README

          

# Frontend Quiz Application

Este é um projeto de uma aplicação de quiz frontend, construída com React. A aplicação só possui uma tela de boas-vindas com opções de quiz para HTML, CSS, JavaScript e Acessibilidade. Design foi extraído de **[Frontend Mentor](https://www.frontendmentor.io/challenges/frontend-quiz-app-BE7xkzXQnU)**

![demo](/public/demo.png)
## Estrutura dos Componentes
### App.jsx
O componente principal que contém a estrutura da aplicação. Ele renderiza os componentes LeftSide e RightSide.

### LeftSide.jsx
Contém a mensagem de boas-vindas e instruções para iniciar o quiz.

## Contribuição
Se você deseja contribuir para este projeto, siga estas etapas:

1. Faça um fork do repositório.
2. Crie uma branch para suas alterações (git checkout -b feature/MinhaFeature).
3. Commit suas alterações (git commit -m 'Adiciona minha feature').
4. Push para a branch (git push origin feature/MinhaFeature).
5. Abra um Pull Request.

## Estrutura do Projeto

```plaintext
Frontend-Quiz-Application/
├── public/
├── src/
│ ├── assets/
│ │ └── fundo-de-tela.jpg
│ ├── components/
│ │ ├── Left Side/
│ │ │ └── LeftSide.jsx
│ │ └── Right Side/
│ │ └── RightSide.jsx
│ ├── App.jsx
│ ├── App.css
│ └── index.js
├── README.md
└── package.json
```