{"id":16786215,"url":"https://github.com/nyctibiusvii/esports","last_synced_at":"2026-04-09T09:56:59.171Z","repository":{"id":133737002,"uuid":"535722011","full_name":"NyctibiusVII/eSports","owner":"NyctibiusVII","description":"Projeto web construído durante o NLW#09 com a @Rocketseat/Diego Fernandes, Rodrigo Gonçalves. ESPORTS: \"Encontre seu 'duo' perfeito\". 🎮🚀","archived":false,"fork":false,"pushed_at":"2022-09-17T10:06:16.000Z","size":18635,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T10:39:53.495Z","etag":null,"topics":["api-rest","duo","e-sports","game","ignite","match","mobile","nlw","nodejs","react-native","reactjs","rocketseat","server","spa","twitch","twitter-api","web"],"latest_commit_sha":null,"homepage":"https://e-sports-nyctibiusvii.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NyctibiusVII.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-09-12T15:04:59.000Z","updated_at":"2022-12-18T06:34:10.000Z","dependencies_parsed_at":null,"dependency_job_id":"1ffdffec-aea5-41a0-9e7d-80c1ce6d4552","html_url":"https://github.com/NyctibiusVII/eSports","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NyctibiusVII%2FeSports","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NyctibiusVII%2FeSports/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NyctibiusVII%2FeSports/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NyctibiusVII%2FeSports/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NyctibiusVII","download_url":"https://codeload.github.com/NyctibiusVII/eSports/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243945659,"owners_count":20372907,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api-rest","duo","e-sports","game","ignite","match","mobile","nlw","nodejs","react-native","reactjs","rocketseat","server","spa","twitch","twitter-api","web"],"created_at":"2024-10-13T08:11:37.273Z","updated_at":"2025-12-31T00:18:52.283Z","avatar_url":"https://github.com/NyctibiusVII.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n    \u003cimg src=\"./.github/logo-full.svg\" width=\"350\" alt=\"Logo eSports\"\u003e\n\u003c/h1\u003e\n\u003ch4 align=\"center\"\u003e\n    Trilha Ignite\u003cbr\u003e\u003cimg src=\"./.github/logo-ignite.svg\" height=\"48\" alt=\"Logo Ignite\"\u003e\n\u003c/h4\u003e\n\u003c!-- \u003ch4 align=\"center\"\u003eProjeto web construído durante o Next Level Week #09-Ignite com a Rocketseat/DiegoFernandes | Rodrigo Gonçalves.\u003c/h4\u003e --\u003e\n\u003cp align=\"center\"\u003e\n    \u003cimg alt=\"Plataforma\" src=\"https://img.shields.io/static/v1?label=Plataforma\u0026message=Mobile/PC\u0026labelColor=9572FC\u0026color=9572FC\"\u003e\n    \u003ca href=\"https://lp.rocketseat.com.br/nlw\"\u003e\n        \u003cimg alt=\"eSports\" src=\"https://img.shields.io/badge/eSports-NLW 9.0-333?logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAALVBMVEVHcExxWsF0XMJzXMJxWcFsUsD///9jRrzY0u6Xh9Gsn9n39fyMecy0qd2bjNJWBT0WAAAABHRSTlMA2Do606wF2QAAAGlJREFUGJVdj1cWwCAIBLEsRU3uf9xobDH8+GZwUYi8i6ucJwrxKE+7D0G9Q4vlYqtmCSjndr4CgCgzlyFgfKfKCVO0LrPKjmiqMxGXkJwNnXskqWG+1oSM+BSwD8f29YLNjvx/OQrn+g99oQSoNmt3PgAAAABJRU5ErkJggg==\u0026labelColor=61BCCA\u0026color=61BCCA\"\u003e\u003c/img\u003e\n    \u003c/a\u003e\n    \u003cimg alt=\"Tamanho do repositório\" src=\"https://img.shields.io/github/repo-size/NyctibiusVII/eSports?labelColor=43E7AD\u0026color=43E7AD\"\u003e\n    \u003ca href=\"https://github.com/NyctibiusVII/eSports/blob/main/LICENSE\"\u003e\n        \u003cimg alt=\"Licença\" src=\"https://img.shields.io/static/v1?label=License\u0026message=MIT\u0026labelColor=95dd83\u0026color=95dd83\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://picpay.me/Matheus_nyctibius_vii\"\u003e\n        \u003cimg alt=\"Donate\" src=\"https://img.shields.io/static/v1?label=$\u0026message=Donate\u0026labelColor=E2D45C\u0026color=E2D45C\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"#esports-\"\u003eProjeto\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n    \u003ca href=\"#tecnologias-\"\u003eTecnologias\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n    \u003ca href=\"#layout-\"\u003eLayout\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n    \u003ca href=\"#licença-%EF%B8%8F\"\u003eLicença\u003c/a\u003e\n\u003c/p\u003e\n\u003c!--\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"README.md\"\u003eInglês\u003c/a\u003e\n    ·\n    \u003ca href=\"README-pt.md\"\u003ePortuguês\u003c/a\u003e\n\u003c/p\u003e\n--\u003e\n\n# eSports \u003cimg src=\"./.github/logo-icon-ignite.svg\" width=\"32\" alt=\"Logo icon Ignite\"\u003e\nProjeto desenvolvido para conectar pessoas a jogar um 'duo' juntas nos games mais 'hypados' da Twitch. O projeto coleta os jogos que estão mais em alta na Twitch e disponibiliza para que usuários façam um 'match' com outros e joguem juntos o mesmo jogo. Projeto realizado na Next Level Week #9 @Rocketseat.\n\n#### Funcionalidades\n* Listagem de jogos mais populares na Twitch\n* Match de jogadores para jogar juntos\n* Perfil do usuário com informações do jogo e do jogador\n* Chat para conversar com o jogador\n* Exclusivo para jogos eletrônicos (E-Sports)\n\n#### Milha Extra🔥\n\u003cdetails\u003e\n    \u003csummary\u003eDesafios\u003c/summary\u003e\n\n```\nGERAL:\n    ✔ - Documentar bem o projeto\n    ✖ - Completar os desafios\n\nDESKTOP:\n    ✖ - NO AR (Online / Vercel)\n    ✖ - SEO:\n        ✖ - Texto para \u003cnoscript /\u003e\n        ✖ - Shortcut icon\n        ✔ - Meta tags:\n            ✔ - Facebook (og:~)\n            ✔ - Twitter (twitter:~)\n    ✖ - Melhorar o estilo:\n        ✔ - Mobile First\n        ✔ - Responsividade\n        ✔ - Design\n        ✖ - Trocar o tema da aplicação:\n            ✖ - Light\n            ✔ - Dark\n            ✖ - Imagens adaptadas para o 'light e dark'\n        ✖ - Animações (framer-motion)\n        ✖ - Cores:\n            ✖ - Seleção do mouse (:selection)\n            ✖ - Adaptadas para daltônicos\n    ✖ - Acessibilidade:\n        ✖ - Navegação por TAB / SHIFT+TAB\n        ✖ - Texto alternativo em imagens\n        ✖ - Texto descritivo em title e area-label\n\nMOBILE:\n    ✖ - NO AR (Online / Apple Store \u0026\u0026 Google Play)\n    ✖ - Melhorar o estilo:\n        ✖ - Design\n        ✖ - Trocar o tema da aplicação:\n            ✖ - Light\n            ✔ - Dark\n            ✖ - Imagens adaptadas para o 'light e dark'\n        ✖ - Animações (framer-motion)\n\nNODE:\n    ✖ - NO AR (Online / Heroku)\n    ✔ - ORM (Prisma)\n    ✖ - Testes (Jest)\n    ✔ - Banco de dados:\n        ✔ - SQLite\n```\n\u003c/details\u003e\n\n## Tecnologias 🚀\nEsse projeto foi desenvolvido com as seguintes tecnologias:\n\u003cdetails\u003e\n    \u003csummary\u003eWEB___\u003c/summary\u003e\n    \u003ca href='https://reactjs.org'\u003eReact\u003c/a\u003e\u003cbr\u003e\n    \u003ca href='https://sass-lang.com'\u003eSass\u003c/a\u003e\u003cbr\u003e\n    \u003ca href='https://www.typescriptlang.org'\u003eTypescript\u003c/a\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n    \u003csummary\u003eNODE___\u003c/summary\u003e\n    \u003ca href='https://nodejs.org/pt-br'\u003eNode\u003c/a\u003e\u003cbr\u003e\n    \u003ca href='https://www.prisma.io'\u003ePrisma\u003c/a\u003e\u003cbr\u003e\n    \u003ca href='https://www.typescriptlang.org'\u003eTypescript\u003c/a\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n    \u003csummary\u003eMOBILE___\u003c/summary\u003e\n    \u003ca href='https://expo.dev'\u003eExpo\u003c/a\u003e\u003cbr\u003e\n    \u003ca href='https://reactnative.dev'\u003eReact Native\u003c/a\u003e\u003cbr\u003e\n    \u003ca href='https://www.typescriptlang.org'\u003eTypescript\u003c/a\u003e\u003cbr\u003e\n    \u003ca href='https://axios-http.com/docs/intro'\u003eAxios\u003c/a\u003e\n\u003c/details\u003e\n\n## Layout 🚧\n### Desktop Screenshot\n\u003cdiv style=\"display: flex; flex-direction: 'column'; align-items: 'center';\"\u003e\n    \u003cimg width=\"580px\" src=\"./.github/desktop.png\"\u003e\n\u003c/div\u003e\n\n### Mobile Screenshot\n\u003cdiv style=\"display: flex; flex-direction: 'row';\"\u003e\n    \u003cimg width=180px\" src=\"./.github/mobile.png\"\u003e\n\u003c/div\u003e\n    \u003c!-- IMGS\n      ------------------------------\n      Web\n      Mobile\n      ------------------------------\n    --\u003e\n\n## Rodando o projeto 🚴🏻‍♂️\n#### \"Só vou dar uma olhadinha...\":\n  \u003ca href=\"https://esports-nyctibiusvii.vercel.app\"\u003e💬 Site hospedado na Vercel 📋\u003c/a\u003e\n\n#### Na sua maquina:\n\u003cdetails\u003e\n    \u003csummary\u003eDependências\u003c/summary\u003e\n\n```json\n  ------- WEB -------\n  \"dependencies\": {\n    \"@radix-ui/react-dialog\": \"^1.0.0\",\n    \"axios\": \"^0.27.2\",\n    \"next\": \"12.3.0\",\n    \"next-themes\": \"^0.2.1\",\n    \"phosphor-react\": \"^1.4.1\",\n    \"react\": \"18.2.0\",\n    \"react-dom\": \"18.2.0\",\n    \"sass\": \"^1.54.9\"\n  },\n  \"devDependencies\": {\n    \"@types/node\": \"18.7.16\",\n    \"@types/react\": \"18.0.19\",\n    \"@types/react-dom\": \"18.0.6\",\n    \"eslint\": \"8.23.1\",\n    \"eslint-config-next\": \"12.3.0\",\n    \"next-sitemap\": \"^3.1.22\",\n    \"typescript\": \"4.8.3\"\n  }\n\n  ------- NODE -------\n  \"dependencies\": {\n    \"@prisma/client\": \"^4.3.1\",\n    \"cors\": \"^2.8.5\",\n    \"express\": \"^4.18.1\"\n  },\n  \"devDependencies\": {\n    \"@types/cors\": \"^2.8.12\",\n    \"@types/express\": \"^4.17.13\",\n    \"prisma\": \"^4.3.1\",\n    \"ts-node-dev\": \"^2.0.0\",\n    \"typescript\": \"^4.8.3\"\n  }\n\n  ------- MOBILE -------\n  \"dependencies\": {\n    \"@expo-google-fonts/inter\": \"^0.2.2\",\n    \"@react-navigation/native\": \"^6.0.12\",\n    \"@react-navigation/native-stack\": \"^6.8.0\",\n    \"expo\": \"~46.0.9\",\n    \"expo-font\": \"^10.2.0\",\n    \"expo-linear-gradient\": \"^11.4.0\",\n    \"expo-status-bar\": \"~1.4.0\",\n    \"phosphor-react-native\": \"1.1.1\",\n    \"react\": \"18.0.0\",\n    \"react-dom\": \"18.0.0\",\n    \"react-native\": \"0.69.5\",\n    \"react-native-safe-area-context\": \"4.3.1\",\n    \"react-native-screens\": \"~3.15.0\",\n    \"react-native-svg\": \"12.3.0\",\n    \"react-native-web\": \"~0.18.7\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"^7.12.9\",\n    \"@types/react\": \"~18.0.14\",\n    \"@types/react-native\": \"~0.69.1\",\n    \"typescript\": \"~4.3.5\"\n  }\n```\n\u003e Ex: `$ npm install _____` ou `$ yarn add _____` para instalar as dependências\n\n\u003e Utilize a tag `-D` para instalar as dependências de desenvolvimento.\u003cbr\u003e\n\u003e Utilize a tag `@types` para instalar o suporte a Typescript.\u003cbr\u003e\n\u003e Utilize a tag `@latest` para instalar a versão mais recente.\n\u003c/details\u003e\n\n```bash\n# Clone o repositório\n$ git clone https://github.com/NyctibiusVII/eSports.git\n\n# Acesse a pasta do projeto no terminal\n$ cd eSports\n\n# Acesse a pasta do sub-projeto no terminal:\n$ cd web                         # Projeto ReactJS\n$ cd node                        # Projeto NodeJS\n$ cd mobile                      # Projeto React Native\n\n# Instale as dependências com o gerenciador de pacotes de sua preferência\n$ npm install   /   yarn add     # Serve para ReactJS, NodeJS e React Native\n\n# Execute o sub-projeto:\n# ---------- PARA WEB ---------- #\n$ npm run dev   /   yarn dev     # Para rodar o projeto Web (Frontend)\n\n# --------- PARA NODE ---------- #\n$ npm run dev   /   yarn dev     # Para rodar o projeto Node (Backend)\n\n# -------- PARA MOBILE --------- #\n$ npm run start   /   yarn start # Para o projeto Mobile (Frontend Mobile)\n\n# O ReactJS roda na porta: 3000\n# O NodeJS roda na porta: 3333\n# O React Native roda na porta: 19000\n\n# Acesse http://localhost:$PORT *Ex: Cuidado para não ligar dois ou mais projetos na mesma porta, pois o servidor pode não iniciar.\n```\n\n## Contribuição 💭\nPara construir essa aplicação tive a ajuda dos professores **Diego Fernandes** e **Rodrigo Gonçalves** da Rocketseat que disponibilizaram video aulas do projeto **eSports** e ajudaram no ensino das\u003cbr\u003e\n- linguagens {\u003cbr\u003e\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;ReactJS,\u003cbr\u003e\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;NodeJS,\u003cbr\u003e\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;React Native\u003cbr\u003e\n}\n\nalém também de ter a ajuda desta grande comunidade que a Rocketseat construiu no *Discord*.\n\nPara ajudar no projeto confira a página de [contribuição](./CONTRIBUTING) para ver como começar uma discussão e começar a contribuir.\n\n### Hashtags \\#\n| Dias  | Hashtags           |\n|-------|--------------------|\n| Dia 1 | #LevelUp           |\n| Dia 2 | #Journey           |\n| Dia 3 | #UntilTheEnd       |\n| Dia 4 | #ProPlayer         |\n| Dia 5 | #~                 |\n\n## Licença ⚖️\nEste projeto está sob a licença do MIT. Veja o arquivo [LICENSE](https://github.com/NyctibiusVII/eSports/blob/main/LICENSE) para mais detalhes.\n\n## Contato ✉️\n| [![Matheus Vidigal](https://github.com/NyctibiusVII.png?size=100)](https://github.com/NyctibiusVII) |\n| :---: |\n| \u003csub\u003e[Matheus Vidigal](https://github.com/NyctibiusVII)\u003c/sub\u003e |\n\n\u003cp align=\"left\"\u003e\n    \u003ca href=\"https://www.linkedin.com/in/matheus-vidigal-nyctibiusvii/\"\u003e\n        \u003cimg alt=\"Matheus Vidigal / Linkedin\" src=\"https://img.shields.io/badge/-Matheus Vidigal-333?style=flat\u0026logo=Linkedin\u0026logoColor=fff\u0026color=9572FC\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://mail.google.com/mail/u/1/#inbox?compose=GTvVlcSGLCKpKJfwPsKKqzXBplKkGtCLvCQcFWdWxCxQFfkHzzjVkgzrMFPBgKBmWFHvrjrCsMqSH\"\u003e\n        \u003cimg alt=\"Matheus Vidigal / Linkedin\" src=\"https://img.shields.io/badge/-Matheus Vidigal-333?style=flat\u0026logo=Gmail\u0026logoColor=ffffff\u0026color=43E7AD\" /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnyctibiusvii%2Fesports","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnyctibiusvii%2Fesports","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnyctibiusvii%2Fesports/lists"}