Trata-se de uma aplicação full-stack completa, dividida em tres partes:
- Back-End utilizando Node.js;
- Front-End da aplicação web utilizando React.js;
- Front-End da aplicação mobile utilizando React Native.
NLW eSports é uma aplicação para viabilizar o match entre players que queiram dividir parcerias em jogos.
Back-end - TypeScript
- Node.Js;
- Express;
- Prisma;
- cors;
Front-end - TypeScript
- ReactJs;
- Vite;
- TailWindCss;
- Phosphor-react;
- Radix-ui;
Mobile - TypeScript
- ReactNative;
- Expo;
- Phosphor-react-native;
- React-navigation
00 - Instale todas as bibliotecas separadamente nas três partes do projeto.
1° Defina em seu terminal o diretório "server" e digite "npm run dev". (Banco de dados) Obs: você tambem pode acessar, criar ou manipular dados, atraves do comando "npx prisma studio".
2° Defina em seu terminal o diretório "web" e digite "npm run dev", após isso acesse o endereço que irá aparecer no terminal. (Web)
3° Obs: você precisará ter o app "ExpoGo" em seu celular, ou ter instalado um emulador para android(windonws) ou IOs(Mac), para conseguir vizualizar a aplicação. Defina em seu terminal o diretório "mobile" e digite "expo start", após isso, siga as instruções passadas no terminal.
Após iniciar o Back-End, rode as aplicações, seja web ou mobile, e as utilize.
Uma vez que se trata de um aplicação completa, é necessário que a parcela referente ao Back-End esteja operando concomitantemente às parcelas do Front-End.
Caso esteja rodando a aplicação em sua máquina e o front-end não estiver buscando as requisições do back-end, certifique-se que seu ip continua o mesmo que estão apontados nos Hooks do front-end.
Qualquer dúvida entre em contato por [email protected]