https://github.com/mathrb22/nlw-esports-ignite
NLW eSports é o projeto desenvolvido durante a trilha Ignite da Next Level Week, um evento online produzido pela Rocketseat.
https://github.com/mathrb22/nlw-esports-ignite
back-end expo front-end mobile nlw-esports nodejs prisma react-native reactjs tailwindcss web
Last synced: 2 months ago
JSON representation
NLW eSports é o projeto desenvolvido durante a trilha Ignite da Next Level Week, um evento online produzido pela Rocketseat.
- Host: GitHub
- URL: https://github.com/mathrb22/nlw-esports-ignite
- Owner: mathrb22
- License: mit
- Created: 2022-09-16T00:21:51.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-10-02T00:43:56.000Z (over 3 years ago)
- Last Synced: 2025-07-13T17:05:14.885Z (12 months ago)
- Topics: back-end, expo, front-end, mobile, nlw-esports, nodejs, prisma, react-native, reactjs, tailwindcss, web
- Language: TypeScript
- Homepage:
- Size: 18.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[**Sobre**](#-sobre) **|**
[**Features**](#-features) **|**
[**Tecnologias e ferramentas utilizadas**](#-tecnologias-e-ferramentas-utilizadas) **|**
[**Layout**](#-layout) **|**
[**Instalação e execução**](#-instalação-e-execução) **|**
[**Como contribuir**](#-como-contribuir) **|**
[**Contato**](#-contato) **|**
[**Licença**](#-licença)
## 📃 Sobre
**NLW eSports** é o projeto desenvolvido durante a trilha Ignite da **Next Level Week**, um evento online produzido pela [**Rocketseat**](https://github.com/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
- [x] Listagem de games (web e mobile)
- [x] Criação de um novo anúncio (web)
- [x] Validações de formulário com o Formik e Yup (web)
- [x] Combobox autocomplete com lista de games para seleção (web)
- [x] Design totalmente responsivo (web)
- [x] Feedbacks para o usuário: loading durante criação, toast de sucesso e erro (web)
- [x] Listagem de anúncios (mobile)
- [x] Copiar o usuário do discord para a área de transferência (mobile)
- [x] 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**](https://www.figma.com), 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**](https://www.figma.com/community/file/1150897317533332617).
## 🔧 Instalação e execução
Para baixar o código-fonte do projeto em sua máquina, primeiramente terá que ter instalado o [**Git**](https://git-scm.com/).
Com o Git instalado, em seu terminal execute o seguinte comando:
```bash
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**](https://nodejs.org/en/), 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:
```bash
npm install
```
Executar o projeto web:
```bash
npm run dev
```
Executar o servidor node:
```bash
npm run dev
```
Executar o projeto mobile:
```bash
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