⚽ Copa Web Interface
| 🇺🇸 English |
| 🇧🇷 Português |
⚽ Copa Project Web Interface
Vídeo | Tecnologias | Sobre | Diferenciais | Clone | Contato
📹 Apresentação em Vídeo do Projeto
Caso o vídeo apresente algum erro, recarregue a página!
🚀 Tecnologias utilizadas
📝 Sobre
Assistir o vídeo acima ajudará na compreensão da explicação!
Esse projeto é a Interface Web Desktop-First da Copa, uma aplicação temática da copa do mundo que realiza o cadastro e a gerência de bolões, jogos e usuários, desenvolvida durante a trilha Ignite da NLW Copa da Rocketseat.
Os dados são fornecidos pela sua API desenvolvida essencialmente com Fastify, e que a consumo usando o conceito de SSR (getServerSideProps) do Next. Aqui pela versão Web, além de mostrar os dados numéricos resgatados da API, também é possível realizar a criação de bolões.
O projeto é relativamente simples, composto apenas por 1 página, pois ele essa versão Web é complementar a versão Mobile desenvolvida essencialmente com React Native, onde nela existem outras funcionalidades mais complexas, como o sistema de autenticação com Google, a possibilidade de entrar nos bolões criados por outras pessoas, dentre outras.
📌 Diferenciais
- Responsividade;
- Atualização automática dos bolões criados;
📖 Clonando o Projeto
Para clonar e executar este projeto em seu computador, você precisará do Git e Node.js v18.12.0 ou superior previamente instalados.
Você também precisará da API do projeto rodando, portanto, antes de continuar por aqui, vá ao Repositório da API e faça os passos sobre como cloná-la e executá-la primeiro!
Feito esses dois passos, no terminal:
# Clone esse repositório com:
> git clone https://github.com/Luk4x/copa-web.git
# Entre no repositório com:
> cd copa-web
# Instale as dependências com:
> npm install
# Execute o projeto com:
> npm run dev
# Feito isso, você já poderá acessar o projeto pelo link que aparecerá no terminal! (algo como http://localhost:3000/ ou http://0.0.0.0:3000/)
🤝 Contato dos Contribuintes
Vitrine.Dev 🪟
|
Lucas Maciel
|