Gkanawati / NLW-eSports

🎮🕹️ NLW eSport - Encontre seu Duo! Esta é uma aplicação completa construída durante o evento NLW eSports da Rocketseat, trata-se de uma Plataforma para encontrar jogadores do seu game preferido a fim fazer amizades e fortalecer a comunidade.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🎮🕹️ NLW eSport - Encontre seu Duo!

🚀 Sobre o projeto

Esta é uma aplicação completa construída durante o evento NLW eSports da Rocketseat, trata-se de uma plataforma para encontrar jogadores do seu game preferido a fim fazer amizades e fortalecer a comunidade.

A plataforma foi construída utilizando React para a construção do frontend e NodeJs 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, encontramos os games disponíveis e vemos também uma seção que dispõem um modal a fim de publicar um anúncio para você encontrar parceiros de jogo, basta preencher seu game favorito, os dias da semana q joga, o horário que aguardar um parceiro para suas jogatinas. Na versão mobile, o intuito é se conectar com os jogadores, disponibilizando em cada jogo, quais são os players que publicaram e fornecendo o discord daquele jogador para vocês podere se conectar.

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, Radix UI para a construção de componentes sem estilização, uma biblioteca fornece os componentes pré prontos para utilização em React. 📚

💡 Tecnologias usadas:

  • React
  • React Native
  • Node JS
  • SQLite
  • Prisma
  • Expo
  • Typescript
  • Tailwindcss
  • Radix-UI

⚙️ Como rodar o Projeto:

-Para instalar todas as bibliotecas usadas no projeto, entre em cada pasta(mobile, web e server) e rode o comando:

npm i

-Rodar o server backend:

npm run dev

-Para rodar a versão web do projeto:

npm run dev

-Para rodar o app mobile:

expo start

💻📱 Telas

nlw-esports-web1

nlw-esports-web2



About

🎮🕹️ NLW eSport - Encontre seu Duo! Esta é uma aplicação completa construída durante o evento NLW eSports da Rocketseat, trata-se de uma Plataforma para encontrar jogadores do seu game preferido a fim fazer amizades e fortalecer a comunidade.


Languages

Language:TypeScript 94.7%Language:JavaScript 2.0%Language:HTML 1.8%Language:Shell 1.3%Language:CSS 0.2%