Programas Necessários:
- NodeJS
- MongoDB
O NodeJS será usado para executar o JavaScript em um web server em nossa própria máquina. O MongoDB é um banco de dados onde os dados da aplicação ficam armazenados.
Veja abaixo o guia de instalação de cada um desses programas.
- Clique aqui para ver o guia de instalação do NodeJS
- Clique aqui para ver o guia de instalação do MongoDB
- Nesta mesma página do GitHub, clique em "Code" e na opção "Download ZIP" para baixar os arquivos do projeto. Para facilitar o acesso pelo Prompt de Comando, salve os arquivos na Área de Trabalho.
- Extraia os arquivos. Novamente, para facilitar o acesso extraia na Área de Trabalho.
- Agora precisamos acessar a pasta dos arquivos através do Prompt de Comando do Windows. Abra o Prompt e digite
cd Desktop
para acessar a Área de Trabalho. Se você salvou em outro lugar, deverá usar caminho escolhido. Então digitecd projeto-hilbert-main
para acessar a pasta.
- Agora que estamos com o Prompt no diretório do projeto, use o comando
npm install
para instalar as dependências necessárias.
- Ao finalizar, já estamos prontos para iniciar o servidor. Para isso use o comando
npm start
.
- Agora o servidor está pronto para ser acessado através do endereço http://localhost:3000/. Não feche o Prompt de Comando senão o servidor também será encerrado.
Se tudo deu certo até aqui, acessando http://localhost:3000/ você irá se deparar com a página de login do site. O passo inicial é realizar o cadastro através do botão "Cadastre-se".
Na página inicial haverá alguns desafios que são criados automaticamente para novos usuários. No fim da página há um desafio marcado como concluído que tem algumas dicas sobre o site.
Ao clicar em algum desafio, é possível ver sua descrição e marcar como concluído quando desejar. Quando um desafio for concluído, o botão para acessar a recompensa será desbloqueado.
Além do sistema de desafios e recompensas, há uma área administrativa para gerenciar os conteúdos do site. Experimente sair do usuário atual e fazer login com o usuário admin
e a senha admin123
. No topo da página inicial, haverá um link para a página "Admin".
Tecnologias utilizadas:
- HTML, CSS, JS
- Framework Bootstrap
- NodeJS
- Framework Express
- Template engine Handlebars
- Banco de dados MongoDB
Módulos:
Gerenciamento do projeto: