Sobre   |   Features   |   Tecnologias e ferramentas utilizadas   |   Layout   |   Instalação e execução   |   Como contribuir   |   Contato   |   Licença

📃 Sobre

NLW eSports é o projeto desenvolvido durante a trilha Ignite da Next Level Week, um evento online produzido pela Rocketseat.

Trata-se de uma landing page que permite os usuários buscarem seu duo (dupla) em jogos online e publicar um anúncio para encontrar outros jogadores no jogo que desejar.

Na versão mobile, são exibidos os anúncios dos jogadores para os jogos cadastrados, e os usuários terão a possibilidade de se conectarem pelo discord para jogarem juntos.

✨ Features

• Listagem de games (web e mobile)
• Criação de um novo anúncio (web)
• Validações de formulário com o Formik e Yup (web)
• Combobox autocomplete com lista de games para seleção (web)
• Design totalmente responsivo (web)
• Feedbacks para o usuário: loading durante criação, toast de sucesso e erro (web)
• Listagem de anúncios (mobile)
• Copiar o usuário do discord para a área de transferência (mobile)
• Recebendo notificações push (mobile)

🚀 Tecnologias e ferramentas utilizadas

Front-end (web)	React, TypeScript, TailwindCSS, Vite, RadixUI, Formik, Yup, React Hot Toast, Phosphor Icons
Mobile	React Native e Expo
Back-end	NodeJs e Prisma

📟 Layout

O layout das telas da aplicação NLW eSports foi desenvolvido pela equipe da Rocketseat através da ferramenta Figma, um software de prototipação voltado para UI Design (design de interfaces de usuário). Você pode acessar o layout através deste link: NLW eSports.

🔧 Instalação e execução

Para baixar o código-fonte do projeto em sua máquina, primeiramente terá que ter instalado o Git.

Com o Git instalado, em seu terminal execute o seguinte comando:

git clone https://github.com/mathrb22/nlw-esports-ignite.git

Para instalar as dependências e executar o projeto terá que ter instalado em sua máquina o Node.js, que vem acompanhado do NPM. Com ele instalado:

Navegue para as subpastas separadas para cada projeto (web/server/mobile) e rode o comando a seguir:

npm install

Executar o projeto web:

npm run dev

Executar o servidor node:

npm run dev

Executar o projeto mobile:

npm start

💡 Como contribuir

• Faça um fork desse repositório;
• Crie um branch para a sua feature: git checkout -b minha-feature;
• Faça um commit com suas alterações: git commit -m 'feat: Minha nova feature';
• Faça um push para o seu branch: git push origin minha-feature;
• Faça um pull request com sua feature;

Pull requests são sempre bem-vindos. Em caso de dúvidas ou sugestões, crie uma issue ou entre em contato comigo.

📲 Contato

Entre em contato comigo por e-mail ou pelo meu LinkedIn:

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

©2022 - Matheus Ribeiro