NLW-ESPORTS

Conteúdo

• Sobre a aplicação
• Tecnologias
• Iniciando a Aplicação
• Screenshots
• Licença
• Contato

Sobre a aplicação

Aplicação desenvolvida durante o NLW eSports, promovido pela Rocketseat.
Durante o evento, foram desenvolvidas 3 aplicações, uma API em Node, uma aplicação React com Vite e um App em React Native.
A aplicação web exibe os jogos cadastrados na API e permite adicionar um anúncio de busca de jogador. A aplicação mobile faz a mesma coisa.

Foram feitas melhorias na aplicação original, a saber: carrossel responsivo de imagens na aplicação React e autenticação com Discord na aplicação mobile.

🛠️ Tecnologias

• Back-end
  • Node + Express + Cors
  • Prisma ORM com SQLite
• Front-end
  • React + Vite + Typescript
  • TailwindCSS para estilização.
  • Radix-UI para fazer a tela de modal e Checkbox.
  • Phosphor-react para exibir ícones.
  • Keen-Slider para fazer o carrossel de imagens.
  • Acesso à API com Axios
• Mobile
  • Expo-Auth-Session para autenticação no Discord.
  • Expo-Clipboard para copiar texto.
  • Phosphor-react-native para exibir ícones.

🚗 Iniciando a aplicação

Baixe o repositório com git clone e entre na pasta do projeto.

$ git clone https://github.com/luiizsilverio/nlw-esports

• Back-end

$ cd server
$ npm install
$ npm run dev

• Front-end

$ cd ..
$ cd web
$ npm install
$ npm run dev

• Mobile
  • Renomeie o arquivo env (renomear).ts para env.ts
  • Informe a URL da API e a URL do Discord

$ cd ..
$ cd mobile
$ npm install
$ expo start

📸 Screenshots

⚖️ Licença

Este projeto está licenciado sob a licença MIT.

📧 Contato

E-mail: luiiz.silverio@gmail.com