Sobre   |   Objetivo   |   Tecnologias e ferramentas   |   Features   |   Protótipo   |   Instalação e execução   |   Como contribuir   |   Licença

📃 Sobre

Devstage é o projeto desenvolvido durante a trilha de React da Next Level Week Connect, um evento online produzido pela Rocketseat.

Trata-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.

🎯 Objetivo

O 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.

A 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.

🚀 Tecnologias e ferramentas

React	Next.js	TypeScript	Tailwind CSS	Zod	React Hook Form	Orval

✨ Features

✅ Realização de inscrição: permite a inscrição rápida no evento.
✅ Cópia do link de indicação: gera um link compartilhável para convidar participantes.
✅ Visualização de acessos: exibe a quantidade de vezes que o link foi acessado.
✅ Acompanhamento de inscrições: exibe quantas pessoas se inscreveram pelo link.
✅ Ranking de indicação: exibe a posição do usuário no ranking geral.

🎨 Protótipo

O protótipo do projeto foi desenvolvido utilizando a ferramenta Figma. Você pode acessá-lo aqui.

🔧 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-devstage-web.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. Instale as dependências usando o comando abaixo:

npm install

Executar o projeto:

npm run dev

A aplicação estará disponível em http://localhost:3000. Você poderá acessá-la a partir do seu navegador.

💡 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.

📝 Licença

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

---

Desenvolvido com 💚 por mathrb22