Início Profile Projeto
Avatar de

Lucas Maciel

⚽ Copa Web Interface

  • nextjs
  • tailwind css
  • reactjs
  • typescript
  • axios
  • css
  • html
  • npm
🇺🇸 English
🇧🇷 Português

luk4x-repo-status luk4x-repo-license

⚽ 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 🪟
Luk4x Github Photo
Lucas Maciel
🪧 Vitrine.Dev Lucas Maciel
Nome ⚽ Copa Web Interface
🏷️ Tecnologias nextjs, tailwind css, reactjs, typescript, axios, css, html, npm
📷 Img

Voltar ao Topo

Veja meu projeto em: https://github.com/Luk4x/copa-web