/Fidelity-Spider

Fidelity spider: um site que oferece pequenas atividades, que recompensam o usuario com com pontos que podem ser trocados por descontos ficticios em jogos da Marvel

Primary LanguageJavaScript

Projeto Individual inicialmente desenvolvido no primeiro semestre da faculdade Bandtec (Sptech School)

Qual o proposito do projeto?

A ideia do projeto era aplicar os conhecimentos adquiridos no primeiro semestre da faculdade e desenvolver um site com uma tematica que estivesse relacionada com a sua personalidade, algo que fosse importante para sua trajetória até aqui. E então escolhi o homem-aranha para ser o tema do meu projeto pois além de ser meu herói favorito, desde sempre ele esteve presente na minha vida me inspirando!

Tecnologias utilizadas

HTML CSS JavaScript Node.js MySQL Docker

O que ele faz?

Este é um site simples feito por alguém que é muito fã do homem aranha, então tentei pensar em atividades no site que recompensassem os usuários que navegarem pelo mesmo, com pequenas tarefas como, por exemplo, votar em qual vilão você desejaria ver num próximo jogo e até mesmo um minigame para disputar com um amigo, o jogo funciona de forma simples onde ambos jogadores utilizam o mesmo teclado para jogar e ambos também podem atacar e desviar dos ataques como nas instruções da página.

No final, cada atividade que você realizar no site irá gerar uma pontuação para o usuário logado (Spider-points) que podem ser trocadas na loja por voucher de descontos fictícios, e não, o voucher não é funcional, é somente um código de 16 dígitos que é gerado aleatoriamente a cada vez que um usuário faz um resgate. Por fim todas essas atividades são registradas no banco de dados e podem ser visualizadas na tela de adm, podendo visualizar quantas vitórias ocorreram com x personagem, qual vilão foi o mais votado e quem realizou um resgate junto com todas as informações do resgate.

Como rodar localmente 👨‍💻


⚠️ Necessário Docker e Docker-Compose ⚠️

  1. Clone o repositório
$ git clone https://github.com/leandroSalesCotrim/Fidelity-Spider.git
  1. Entre na pasta raíz do projeto
$ cd Fidelity-Spider
  1. Instale as dependencias
$ npm install
  1. Crie um arquivo .env na pasta raiz do projeto contendo o conteudo abaixo
MYSQL_DB=fidelity_spider
MYSQL_USER=user_comum
MYSQL_PASSWORD=senha123
MYSQL_PASSWORD_ADMIN=admin

MYSQL_HOST=node_mysql
  1. Suba os containers já configurado com a aplicação e bancos
$ docker-compose up

Telas do projeto

p1 2 p1 p2 p3 p4 2 p4 p5 2 p5 p6 2 p6 p7 2 p7 p8 2 p8