Skip to content

bressanelli-personal-projects/torneio-tribruxo-nextjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Descrição do Projeto

Sorteio dos competidores de Hogwarts para o Torneio Tribruxo.

Conteúdo

Objetivo
Descrição
Como utilizar
Status do Projeto
Link do deploy no Vercel
Tecnologias Utilizadas
Autor

Objetivo

O aplicativo realiza o sorteio de 3 personagens dentre 11 possíveis para o torneio Tribruxo.

Descrição

home

A home page possui os escudos das 4 casas de Hogwarts, o escudo da escola, um título e um botão para a realizaçãodosorteio.

Ao clicar sobre o escudo da escola um modal é exibido com a história do torneio. Na parte inferior existe um botãopara fechar o modal.

modal

Clicando no botão central da home page o sorteio é realizado e uma nova página é exibida com os 3 cards contendo os caracteres sorteados.

sorted

Pode-se escolher um novo sorteio ou a volta para a home page.

Como Instalar

Ao acessar o repositório pode-se clonar o aplicativo.

Em sua máquina, após o clone no repositório digite no terminal:

git clone "endereço do repo que foi copiado"

Após o repositório estar localizado localmente, entrar na pasta raiz e digitar em seu terminal:

$ yarn

Este comando irá instalar todas as bibliotecas utilizadas para rodar a aplicação.

Com o comando yarn start o aplicativo irá rodar no localhost em seu navegador.

$ yarn

$ yarn start

No seu navegador vá para o endereço: http://localhost:3000/

Status do Projeto

Projeto já finalizado e funcional

Link do deploy com o aplicativo funcional

Torneio TriBruxo

🛠 Tecnologias e Ferramentas

  • NextJs
  • JavaScript
  • Styled COmponents
  • Cypress e2e test

Autor

avatar

🚀 Roberto Bressanelli