Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nyctibiusvii/copa
Projeto web/mobile construído durante o NLW#10 com a @Rocketseat, Diego Fernandes, Rodrigo Gonçalves. COPA: "Faça seu 'bolão". ⚽🐤
https://github.com/nyctibiusvii/copa
2022 bolao copa esporte futebol ignite mobile nextjs nlw nodejs react react-native rocketseat server web
Last synced: 30 days ago
JSON representation
Projeto web/mobile construído durante o NLW#10 com a @Rocketseat, Diego Fernandes, Rodrigo Gonçalves. COPA: "Faça seu 'bolão". ⚽🐤
- Host: GitHub
- URL: https://github.com/nyctibiusvii/copa
- Owner: NyctibiusVII
- License: mit
- Created: 2022-11-01T18:27:41.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-05T00:35:19.000Z (about 2 years ago)
- Last Synced: 2024-10-13T08:12:32.822Z (2 months ago)
- Topics: 2022, bolao, copa, esporte, futebol, ignite, mobile, nextjs, nlw, nodejs, react, react-native, rocketseat, server, web
- Language: TypeScript
- Homepage:
- Size: 2.94 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING
- License: LICENSE
Awesome Lists containing this project
README
Trilha Ignite
Projeto |
Tecnologias |
Layout |
Licença# Copa
Projeto desenvolvido para dar palpites e fazer bolões em grupo de jogos das copa. Projeto realizado na Next Level Week #10 @Rocketseat.#### Funcionalidades
* Bolão dos jogos
* Listagem de jogos da copa 2022
* Grupos para dar palpites
* Compartilhamento dos grupos
* Ranking dos participantes## Tecnologias 🚀
Esse projeto foi desenvolvido com as seguintes tecnologias:WEB___
React
Tailwindcss
TypescriptNODE___
Node
Prisma
TypescriptMOBILE___
Expo
React Native
Typescript
Axios## Layout 🚧
### Desktop Screenshot
### Mobile Screenshot
## Rodando o projeto 🚴🏻♂️
#### "Só vou dar uma olhadinha...":
💬 Site hospedado na Vercel 📋#### Na sua maquina:
Dependências
```json
------- WEB -------
"dependencies": {
"@types/node": "18.11.9",
"@types/react": "18.0.24",
"@types/react-dom": "18.0.8",
"axios": "^1.1.3",
"eslint": "8.26.0",
"eslint-config-next": "13.0.1",
"next": "13.0.1",
"react": "18.2.0",
"react-dom": "18.2.0",
"typescript": "4.8.4"
},
"devDependencies": {
"autoprefixer": "^10.4.13",
"postcss": "^8.4.18",
"tailwindcss": "^3.2.1"
}------- NODE -------
"dependencies": {
"@fastify/cors": "^8.1.1",
"@fastify/jwt": "^6.3.2",
"@prisma/client": "^4.5.0",
"axios": "^1.1.3",
"fastify": "^4.9.2",
"short-unique-id": "^4.4.4",
"zod": "^3.19.1"
},
"devDependencies": {
"@mermaid-js/mermaid-cli": "^9.1.7",
"prisma": "^4.5.0",
"prisma-erd-generator": "^1.2.2",
"tsx": "^3.11.0",
"typescript": "^4.8.4"
}------- MOBILE -------
"dependencies": {
"@expo-google-fonts/roboto": "^0.2.2",
"@react-navigation/bottom-tabs": "^6.4.0",
"@react-navigation/native": "^6.0.13",
"@types/react": "~18.0.0",
"@types/react-native": "~0.69.1",
"axios": "^1.1.3",
"country-list": "^2.2.0",
"dayjs": "^1.11.6",
"expo": "~46.0.16",
"expo-auth-session": "^3.7.1",
"expo-font": "^10.2.1",
"expo-random": "^12.3.0",
"expo-status-bar": "~1.4.0",
"expo-web-browser": "^11.0.0",
"native-base": "^3.4.21",
"phosphor-react-native": "^1.1.2",
"react": "18.0.0",
"react-native": "0.69.6",
"react-native-country-flag": "^1.1.9",
"react-native-safe-area-context": "4.3.1",
"react-native-screens": "~3.15.0",
"react-native-svg": "12.3.0",
"typescript": "^4.6.3"
},
"devDependencies": {
"@babel/core": "^7.12.9",
"@types/country-list": "^2.1.1",
"babel-plugin-inline-dotenv": "^1.7.0",
"dotenv": "^16.0.3",
"react-native-svg-transformer": "^1.0.0"
}
```
> Ex: `$ npm install _____` ou `$ yarn add _____` para instalar as dependências> Utilize a tag `-D` para instalar as dependências de desenvolvimento.
> Utilize a tag `@types` para instalar o suporte a Typescript.
> Utilize a tag `@latest` para instalar a versão mais recente.```bash
# Clone o repositório
$ git clone https://github.com/NyctibiusVII/copa.git# Acesse a pasta do projeto no terminal
$ cd copa# Acesse a pasta do sub-projeto no terminal:
$ cd web # Projeto ReactJS
$ cd server # Projeto NodeJS
$ cd mobile # Projeto React Native# Instale as dependências com o gerenciador de pacotes de sua preferência
$ npm install / yarn add # Serve para ReactJS, NodeJS e React Native# Execute o sub-projeto:
# ---------- PARA WEB ---------- #
$ npm run dev / yarn dev # Para rodar o projeto Web (Frontend)# --------- PARA NODE ---------- #
$ npm run dev / yarn dev # Para rodar o projeto Node (Backend)# -------- PARA MOBILE --------- #
$ npm run start / yarn start # Para o projeto Mobile (Frontend Mobile)# O ReactJS roda na porta: 3000
# O NodeJS roda na porta: 3333
# O React Native roda na porta: 19000# Acesse http://localhost:$PORT *Ex: Cuidado para não ligar dois ou mais projetos na mesma porta, pois o servidor pode não iniciar.
```## Contribuição 💭
Para construir essa aplicação tive a ajuda dos professores **Diego Fernandes** e **Rodrigo Gonçalves** da Rocketseat que disponibilizaram video aulas do projeto **copa** e ajudaram no ensino das
- linguagens {
ReactJS,
NodeJS,
React Native
}além também de ter a ajuda desta grande comunidade que a Rocketseat construiu no *Discord*.
Para ajudar no projeto confira a página de [contribuição](./CONTRIBUTING) para ver como começar uma discussão e começar a contribuir.
### Hashtags \#
| Dias | Hashtags |
|-------|--------------------|
| Dia 1 | #PlayStation |
| Dia 2 | #Comprometimento |
| Dia 3 | #Aceleracao |
| Dia 4 | #Comunidade |
| Dia 5 | #ProximoNivel |## Licença ⚖️
Este projeto está sob a licença do MIT. Veja o arquivo [LICENSE](https://github.com/NyctibiusVII/copa/blob/main/LICENSE) para mais detalhes.## Contato ✉️
| [![Matheus Vidigal](https://github.com/NyctibiusVII.png?size=100)](https://github.com/NyctibiusVII) |
| :---: |
| [Matheus Vidigal](https://github.com/NyctibiusVII) |