{"id":25538754,"url":"https://github.com/mathrb22/nlw-devstage-web","last_synced_at":"2026-04-13T04:48:26.740Z","repository":{"id":278488860,"uuid":"935781682","full_name":"mathrb22/nlw-devstage-web","owner":"mathrb22","description":"Devstage é um software de indicação de usuários para eventos. Nele, o usuário pode acessar seu ingresso, gerar seu link de convite e ter acesso ao ranking de indicações. Este é um projeto desenvolvido durante a NLW Connect da @Rocketseat","archived":false,"fork":false,"pushed_at":"2025-02-23T20:30:30.000Z","size":3189,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-22T23:33:50.023Z","etag":null,"topics":["devstage","frontend","nextjs","nlw","ranking","react","referral-system","referrals","rocketseat","tailwindcss","typescript","ui","web","website"],"latest_commit_sha":null,"homepage":"","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/mathrb22.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"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":"2025-02-20T02:26:36.000Z","updated_at":"2025-02-23T20:30:33.000Z","dependencies_parsed_at":"2025-02-20T03:31:18.445Z","dependency_job_id":"861e1306-bcb2-4333-8a6c-8fd893c2c14a","html_url":"https://github.com/mathrb22/nlw-devstage-web","commit_stats":null,"previous_names":["mathrb22/nlw-devstage-web"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mathrb22/nlw-devstage-web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathrb22%2Fnlw-devstage-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathrb22%2Fnlw-devstage-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathrb22%2Fnlw-devstage-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathrb22%2Fnlw-devstage-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mathrb22","download_url":"https://codeload.github.com/mathrb22/nlw-devstage-web/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathrb22%2Fnlw-devstage-web/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263833411,"owners_count":23517371,"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":["devstage","frontend","nextjs","nlw","ranking","react","referral-system","referrals","rocketseat","tailwindcss","typescript","ui","web","website"],"created_at":"2025-02-20T05:24:01.650Z","updated_at":"2026-04-13T04:48:21.705Z","avatar_url":"https://github.com/mathrb22.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cdiv\u003e\n\u003cimg src=\".github/nlw-connect.svg\" alt=\"devstage\" style=\"height: 28px\"\u003e \u003cbr/\u003e\u003cbr/\u003e\n\u003cimg src=\"src/assets/logo.svg\" alt=\"devstage\" style=\"height: 60px\"\u003e\n\u003c/div\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n   \u003ca href=\"https://github.com/mathrb22\"\u003e\n      \u003cimg alt=\"Made by mathrb22\" src=\"https://img.shields.io/badge/made%20by-mathrb22-yellow\"\u003e\n   \u003c/a\u003e\n   \u003ca href=\"https://github.com/mathrb22/nlw-devstage-web/commits/main\"\u003e\n      \u003cimg alt=\"GitHub Last Commit\" src=\"https://img.shields.io/github/last-commit/mathrb22/nlw-devstage-web\"\u003e\n   \u003c/a\u003e\n   \u003ca href=\"https://github.com/mathrb22/nlw-devstage-web/issues\"\u003e\n      \u003cimg alt=\"GitHub Issues\" src=\"https://img.shields.io/github/issues/mathrb22/nlw-devstage-web\"\u003e\n   \u003c/a\u003e\n   \u003ca href=\"https://github.com/mathrb22/nlw-devstage-web/pulls\"\u003e\n      \u003cimg alt=\"Pull Requests Welcome\" src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square\"\u003e\n   \u003c/a\u003e\n   \u003ca href=\"https://github.com/mathrb22/nlw-devstage-web/blob/main/LICENSE\"\u003e\n      \u003cimg alt=\"GitHub License\" src=\"https://img.shields.io/github/license/mathrb22/nlw-devstage-web\"\u003e\n   \u003c/a\u003e\n\u003c/div\u003e\n\n\u003c/br\u003e\n\u003cdiv align=\"center\"\u003e\n\n[**Sobre**](#-sobre) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Objetivo**](#-objetivo) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Tecnologias e ferramentas**](#-tecnologias-e-ferramentas) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Features**](#-features) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Protótipo**](#-protótipo) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Instalação e execução**](#-instalação-e-execução) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Como contribuir**](#-como-contribuir) \u0026nbsp;\u0026nbsp;**|**\u0026nbsp;\u0026nbsp;\n[**Licença**](#-licença)\n\n\u003c/div\u003e\n\n## 📃 Sobre\n\n\u003cimg alt=\"Devstage - Home page\" src=\".github/home-page.png\" width=\"100%\"/\u003e\n\n**Devstage** é o projeto desenvolvido durante a trilha de React da **Next Level Week Connect**, um evento online produzido pela [**Rocketseat**](https://github.com/Rocketseat).\n\nTrata-se de uma aplicação web que permite aos usuários se inscreverem em um evento, e compartilhar um link de indicação para que outras pessoas se inscrevam no evento. A aplicação conta com um sistema de ranking, onde os usuários podem visualizar a posição deles no ranking, e também visualizar o ranking geral.\n\n\u003cimg alt=\"Devstage - Invite page\" src=\".github/invite-page.png\" width=\"100%\"/\u003e\n\n## 🎯 Objetivo\n\nO objetivo principal do **Devstage** é proporcionar uma experiência de inscrição em eventos mais interativa e engajadora, permitindo que os usuários possam compartilhar um link de indicação para que outras pessoas se inscrevam no evento, e assim, possam subir no ranking.\n\nA aplicação foi desenvolvida com o intuito de aprimorar os conhecimentos em React, Next.js (v15), TypeScript, Tailwind CSS (v4) e Zod, além de proporcionar uma experiência de aprendizado e networking com a comunidade de desenvolvedores.\n\n\n## 🚀 Tecnologias e ferramentas\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\" width=\"100\"\u003e\n      \u003ca href=\"https://reactjs.org/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n      \u003cimg width=\"60\" src=\"https://user-images.githubusercontent.com/25181517/183897015-94a058a6-b86e-4e42-a37f-bf92061753e5.png\" alt=\"React\" title=\"React\"/\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"100\"\u003e\n      \u003ca href=\"https://nextjs.org/\"\u003e\n      \u003cimg width=\"70\" src=\"https://raw.githubusercontent.com/marwin1991/profile-technology-icons/refs/heads/main/icons/next_js.png\" alt=\"Next.js\" title=\"Next.js\"/\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"100\"\u003e\n      \u003ca href=\"https://www.typescriptlang.org/\"\u003e\n      \u003cimg width=\"60\" src=\"https://user-images.githubusercontent.com/25181517/183890598-19a0ac2d-e88a-4005-a8df-1ee36782fde1.png\" alt=\"TypeScript\" title=\"TypeScript\"/\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"120\"\u003e\n      \u003ca href=\"https://tailwindcss.com\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n      \u003cimg width=\"70\" src=\"https://user-images.githubusercontent.com/25181517/202896760-337261ed-ee92-4979-84c4-d4b829c7355d.png\" alt=\"Tailwind CSS\" title=\"Tailwind CSS\"/\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"100\"\u003e\n      \u003ca href=\"https://zod.dev/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n      \u003cimg width=\"70\" src=\"https://zod.dev/logo.svg\" alt=\"Zod\" title=\"Zod\"/\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"140\"\u003e\n      \u003ca href=\"https://www.react-hook-form.com/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n      \u003cimg width=\"60\" src=\".github/react-hook-form.svg\" alt=\"React Hook Form\" title=\"React Hook Form\"/\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"140\"\u003e\n      \u003ca href=\"https://orval.dev/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n      \u003cimg width=\"60\" src=\".github/orval.svg\" alt=\"Orval\" title=\"Orval\"/\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://reactjs.org/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan\u003eReact\u003c/span\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://nextjs.org/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan\u003eNext.js\u003c/span\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://www.typescriptlang.org/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan\u003eTypeScript\u003c/span\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://tailwindcss.com\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan\u003eTailwind CSS\u003c/span\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://zod.dev/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan\u003eZod\u003c/span\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://www.react-hook-form.com/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan\u003eReact Hook Form\u003c/span\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://orval.dev/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cspan\u003eOrval\u003c/span\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n\u003c/table\u003e\n\n## ✨ Features\n\n✅ **Realização de inscrição:** permite a inscrição rápida no evento.\u003cbr/\u003e\n✅ **Cópia do link de indicação:** gera um link compartilhável para convidar participantes.\u003cbr/\u003e\n✅ **Visualização de acessos:** exibe a quantidade de vezes que o link foi acessado.\u003cbr/\u003e\n✅ **Acompanhamento de inscrições:** exibe quantas pessoas se inscreveram pelo link.\u003cbr/\u003e\n✅ **Ranking de indicação:** exibe a posição do usuário no ranking geral.\u003cbr/\u003e\n\n\n## 🎨 Protótipo\n\nO protótipo do projeto foi desenvolvido utilizando a ferramenta [**Figma**](https://www.figma.com/). Você pode acessá-lo [aqui](https://www.figma.com/community/file/1471119935944492720/nlw-connect-devstage).\n\n\n## 🔧 Instalação e execução\n\nPara baixar o código-fonte do projeto em sua máquina, primeiramente terá que ter instalado o [**Git**](https://git-scm.com/).\nCom o Git instalado, em seu terminal execute o seguinte comando:\n\n```bash\ngit clone https://github.com/mathrb22/nlw-devstage-web.git\n```\n\nPara 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. Instale as dependências usando o comando abaixo:\n\n```bash\nnpm install\n```\n\nExecutar o projeto:\n\n```bash\nnpm run dev\n```\n\nA aplicação estará disponível em http://localhost:3000. Você poderá acessá-la a partir do seu navegador.\n\n## 💡 Como contribuir\n\n- Faça um **_fork_** desse repositório;\n- Crie um **branch** para a sua feature: `git checkout -b minha-feature`;\n- Faça um **commit** com suas alterações: `git commit -m 'feat: Minha nova feature'`;\n- Faça um **push** para o seu branch: `git push origin minha-feature`;\n- Faça um **pull request** com sua feature;\n\nPull requests são sempre bem-vindos. Em caso de dúvidas ou sugestões, crie uma _**issue**_ ou entre em contato comigo.\n\n## 📝 Licença\n\n\u003ca href=\"https://github.com/mathrb22/nlw-devstage-web/blob/main/LICENSE\"\u003e\n    \u003cimg alt=\"GitHub License\" src=\"https://img.shields.io/github/license/mathrb22/nlw-devstage-web\"\u003e\n\u003c/a\u003e\n\nEsse projeto está sob a licença **MIT**. Veja o arquivo _**LICENSE**_ para mais detalhes.\n\n---\n\nDesenvolvido com 💚 por \u003ca href=\"https://github.com/mathrb22/\"\u003emathrb22\u003c/a\u003e\n\n\u003cdiv style=\"display: flex;\"\u003e\n  \u003ca href=\"https://www.linkedin.com/in/matheus-ribeiro-dev\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-LinkedIn-%230077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" style=\"margin-right: 2vw\" target=\"_blank\"\u003e\u003c/a\u003e\n  \u003ca href=\"mailto:math.ribeiro.dev@gmail.com\"\u003e\u003cimg src=\"https://img.shields.io/badge/Gmail-D14836?style=for-the-badge\u0026logo=gmail\u0026logoColor=white\" alt=\"Gmail\" style=\"margin-right: 2vw\"/\u003e\u003c/a\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmathrb22%2Fnlw-devstage-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmathrb22%2Fnlw-devstage-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmathrb22%2Fnlw-devstage-web/lists"}