https://github.com/benevanio/answer-question
Jogo de perguntas e respostas com ranking de participantes. Responda questões, veja respostas de outros e compare seu desempenho. Desenvolvido com Node.js, Express, Bootstrap e EJS.
https://github.com/benevanio/answer-question
Last synced: 6 months ago
JSON representation
Jogo de perguntas e respostas com ranking de participantes. Responda questões, veja respostas de outros e compare seu desempenho. Desenvolvido com Node.js, Express, Bootstrap e EJS.
- Host: GitHub
- URL: https://github.com/benevanio/answer-question
- Owner: Benevanio
- Created: 2024-12-11T15:49:21.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-12-12T01:45:21.000Z (10 months ago)
- Last Synced: 2025-02-09T12:31:32.295Z (8 months ago)
- Language: EJS
- Homepage:
- Size: 1.52 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Jogo de Perguntas e Respostas
Este é um jogo simples de perguntas e respostas onde os usuários podem responder perguntas, visualizar respostas de outros participantes e acessar um ranking com base nas respostas enviadas.
## Tecnologias Utilizadas
- **Node.js**: Para a execução do servidor.
- **Express.js**: Para o gerenciamento das rotas e comunicação com o cliente.
- **Bootstrap 5**: Para o layout e design responsivo.
- **EJS**: Para renderização dinâmica das páginas HTML no lado do servidor.
- **CSS personalizado**: Para estilização adicional.
## Funcionalidades1. **Página inicial**:
- O usuário pode acessar o jogo de perguntas e respostas e navegar pelas opções fornecidas, como responder perguntas, ver respostas e acessar o ranking.
2. **Responder Pergunta**:
- O usuário pode responder a uma pergunta clicando no botão "Começar a responder perguntas", preencher um título para a pergunta e fornecer uma resposta.3. **Visualizar Respostas**:
- O usuário pode acessar a página de ranking para ver as respostas de outros participantes e como estão classificados.
4. **Ranking de Respostas**:
- O ranking mostra a classificação das respostas enviadas pelos participantes, permitindo comparar o desempenho de cada um.5. **Footer fixo e centralizado**:
- O footer fica fixo na parte inferior da página e é centralizado, com um link para o desenvolvedor.---
## Estrutura de Diretórios
A estrutura básica do projeto é a seguinte:
```
/answer-question-game
│
├── /node_modules # Diretório com dependências do Node.js
├── /views # Páginas de visualização (arquivos .ejs)
│ ├── home.ejs # Página inicial
│ ├── answer.ejs # Página de responder perguntas
│ └── ranking.ejs # Página de ranking de respostas
│
├── /public # Arquivos públicos (CSS, imagens, etc.)
│ └── /css # Arquivos CSS
│ └── style.css # Estilos adicionais
│
├── /routes # Arquivos de rotas
│ └── index.js # Definições de rotas
│
├── app.js # Arquivo principal do servidor
├── package.json # Configurações do projeto
└── README.md # Este arquivo
```---
## Instalação
Siga os passos abaixo para instalar e rodar o projeto em seu ambiente local:
### 1. Clonar o repositório
```bash
git https://github.com/Benevanio/answer-question
```### 2. Instalar as dependências
Dentro do diretório do projeto, execute:
```bash
npm install
```### 3. Rodar o servidor
Para rodar o servidor localmente, execute:
```bash
npm start
```Por padrão, o servidor ficará disponível em:
```
http://localhost:3000
```---
## Como Usar
1. **Página inicial**:
- Ao acessar a página inicial, você verá uma descrição do jogo e dois botões para começar a responder perguntas ou acessar o ranking.
2. **Responder Perguntas**:
- Clique no botão **"Começar a responder perguntas"** para ser redirecionado para a página onde você pode fornecer uma pergunta e sua respectiva resposta.3. **Visualizar Respostas e Ranking**:
- Clique no link **"Ranking"** na navegação para visualizar a classificação das respostas enviadas pelos outros participantes.---
## Contribuindo
Se você quiser contribuir com o projeto, siga estas etapas:
1. Fork o repositório.
2. Crie uma nova branch (`git checkout -b feature-xyz`).
3. Faça suas mudanças e commit (`git commit -am 'Adiciona nova funcionalidade'`).
4. Push para a branch (`git push origin feature-xyz`).
5. Abra um pull request.---
## Licença
Este projeto está licenciado sob a Licença MIT - veja o arquivo [LICENSE](LICENSE) para mais detalhes.
---
### Desenvolvedor
Desenvolvido por [@Bene_Tesla_Dev](https://github.com/Benevanio).
---
Este README fornece informações essenciais sobre como configurar, usar e contribuir para o projeto, e deve ser útil para quem deseja executar o projeto em seu ambiente local ou colaborar com ele.