NLW eSports - Trilha Ignite

Site criado com a premissa de aprender sobre as linguagens mais atuais do mercado, tendo como apoio as aulas da Rocketseat, durante a NLW eSports que tem duração de uma semana.

✔️ Técnicas e tecnologias utilizadas

As técnicas e tecnologias utilizadas no site foram:

• JavaScript;
• TypeScript;
• Node;
• Tailwind CSS;
• Expo;
• React Native;
• HTML 5;
• CSS 3;
• Hoppscotch;
• Prisma;
• Sqlite;
• Radix;
• Ts-node-dev.

✏️ Funcionalidades

• Conexão do back-end (server) e do front-end (web) para mostrar os jogos;
• Conexão de criação de anúncio com a API (back-end);
• Listagem de games com contagem de anúncios;
• Interface de criação de novo anúncio;
  • Deixar funcional a parte de "quando costuma jogar?";
  • Customizar a checkbox;
  • Cadastrar o anúncio na API.
• Buscar discord pelo ID do anúncio;
• Listagem de anúncios por game;
• Criação de novo anúncio;

Design da aplicação WEB

Design da aplicação Mobile

🕹️ Como Utilizar

Para rodar estas aplicações será necessário, primeiramente escolher a que deseja, entre elas:

• WEB;
• MOBILE.

A aplicação "server" se integra com a "web" e a "mobile", realizando o Back-end. Caso queira rodar as aplicações basta utilizar os seguintes comandos:

Rodando a aplicação web, primeiro iniciar o servidor e depois o próprio "web", ambos com o comando:

npm run dev

Rodando a aplicação mobile, primeiro iniciar o servidor e depois o próprio "mobile":

Server

npm run dev

Mobile

expo start --tunnel
ou
expo start

Obs.: não esqueça de trocar pelo IP da sua máquina, para verificar o IP utilize o seguinte comando no terminal e ache o Ip:

windows

ipconfig

Linux

ipconfig