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

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.

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.

## Funcionalidades

1. **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.