https://github.com/mathrb22/nlw-devstage-web
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
https://github.com/mathrb22/nlw-devstage-web
devstage frontend nextjs nlw ranking react referral-system referrals tailwindcss typescript web
Last synced: 3 months ago
JSON representation
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
- Host: GitHub
- URL: https://github.com/mathrb22/nlw-devstage-web
- Owner: mathrb22
- License: mit
- Created: 2025-02-20T02:26:36.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-20T03:18:46.000Z (4 months ago)
- Last Synced: 2025-02-20T03:31:15.643Z (3 months ago)
- Topics: devstage, frontend, nextjs, nlw, ranking, react, referral-system, referrals, tailwindcss, typescript, web
- Language: TypeScript
- Homepage:
- Size: 1.58 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[**Sobre**](#-sobre) **|**
[**Objetivo**](#-objetivo) **|**
[**Tecnologias e ferramentas**](#-tecnologias-e-ferramentas) **|**
[**Features**](#-features) **|**
[**Protótipo**](#-protótipo) **|**
[**Instalação e execução**](#-instalação-e-execução) **|**
[**Como contribuir**](#-como-contribuir) **|**
[**Licença**](#-licença)
## 📃 Sobre
**Devstage** é o projeto desenvolvido durante a trilha de React da **Next Level Week Connect**, um evento online produzido pela [**Rocketseat**](https://github.com/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
## ✨ 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**](https://www.figma.com/). Você pode acessá-lo [aqui](https://www.figma.com/community/file/1471119935944492720/nlw-connect-devstage).
## 🔧 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-devstage-web.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. Instale as dependências usando o comando abaixo:
```bash
npm install
```
Executar o projeto:
```bash
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
