/NLW-copa

⚽✅ NLW COPA - Crie o seu grupo de Bolão! Aplicação construida com Rocketseat. 🚀💜

Primary LanguageTypeScript

NLW Copa

🚀 Projeto

Aplicação para participar de bolões da Copa do Mundo 2022.

Esta é uma aplicação completa construída durante o evento NLW COPA da Rocketseat, trata-se de uma aplicação para criar grupos com seus amigos de bolões da Copa do Mundo 2022.

A plataforma foi construída utilizando Next.js para a construção do frontend e NodeJs com Prisma e SQLite no banco de dados para a construção das APIs consumidas pela plataforma. Os dados persistidos pelo site são variáveis e recebem todas as informações via API do server.

Ao entrar na versão web, podemos criar um bolão comunicando com o backend, a aplicação web funciona como uma landing page de divulgação do app mobile.

No app, na tela de login temos a autenticacao social com o Google, e apos criar a sua conta, é direcionada à pagina inicial do App, onde é possível criar um novo grupo de bolao e convidar toda a galera! Na tela e meus boloes voce visualiza uma lista de todos os boloes que esta participando, e ao clicar em um bolao em especifico voce pode fazer as suas apostas!

As principais bibliotecas JS utilizadas nesse projeto são: Prisma para a construção da API e banco de dados afim de possibilitar a conexão do Node com o SQLite (o nosso banco de dados), TailwindCSS para a estilização da plataforma web, Native Base para a construção de componentes sem estilização, uma biblioteca fornece os componentes pré prontos para utilização em React. 📚

💡 Tecnologias:

  • Typescript
  • React
  • Next.js
  • Tailwindcss
  • React Native
  • Expo
  • Native Base
  • Node JS
  • SQLite
  • Prisma
  • Fastify

⚙️ Executar o projeto:

Em todos os projetos, ao acessar a pasta, é preciso baixar os pacotes com o gerenciador de sua preferencia.

Acesse a documentação de cada projeto:

💻📱 Telas

nlw-copa-web





💽 Schema do Banco de Dados

NLW-Copa-database