A aplicação tem como objetivo fornecer uma plataforma digital intuitiva, acessível e moderna para divulgar e valorizar as empresas patrocinadoras do programa da Helpnei, destacando de maneira clara e visualmente impactante o impacto positivo dos seus investimentos no fortalecimento do empreendedorismo local.
Através de uma interface clara e objetiva, os usuários poderão visualizar informações essenciais sobre os resultados gerados pelo patrocínio, incluindo:
- Número de lojas criadas por meio do apoio recebido;
- Total de usuários impactados diretamente pelas ações;
- Cidades atendidas onde o programa se faz presente;
- Comunidades beneficiadas que se desenvolveram através da iniciativa.
Além da exibição de métricas, a aplicação funciona como um canal estratégico de divulgação para as marcas parceiras, reforçando seu compromisso social e ampliando sua presença digital. Cada patrocinador conta com:
- Um espaço dedicado para apresentação da marca;
- Links diretos para suas redes sociais oficiais;
- Identidade visual personalizada para fortalecer o reconhecimento de sua atuação.
O projeto é pensado para unir transparência, usabilidade e impacto visual, apresentando todas as informações de forma direta, acessível a diferentes perfis de público, sem necessidade de conhecimentos técnicos avançados.
Outro ponto fundamental da aplicação é o mapa interativo, que proporciona uma visão geográfica detalhada das regiões e comunidades que foram alcançadas pelas ações patrocinadas. Esse recurso torna a experiência ainda mais envolvente, permitindo que os usuários naveguem pelas áreas de atuação e compreendam de forma prática a extensão dos benefícios gerados.
Por fim, o design do sistema foi cuidadosamente desenvolvido para oferecer uma navegação fluida e responsiva, adequada para diferentes dispositivos (desktop, tablet e mobile), garantindo que o alcance da plataforma seja maximizado e que todos consigam acessar as informações com facilidade e clareza.
Em resumo, o projeto visa:
- Valorizar e reconhecer os patrocinadores;
- Evidenciar resultados concretos de forma transparente;
- Ampliar o alcance digital das empresas envolvidas;
- Fortalecer a imagem institucional dos parceiros perante a sociedade;
- Fomentar a continuidade e o crescimento das iniciativas apoiadas.
| Sprint | Data | Status | Histórico | MVP |
|---|---|---|---|---|
| 01 | 10/03/2025 a 30/03/2025 | ✔️ Concluída | ver relatório | ver MVP |
| 02 | 07/04/2025 a 27/04/2025 | ✔️ Concluída | ver relatório | ver MVP |
| 03 | 05/05/2025 a 25/05/2025 | ✔️ Concluída | ver relatório | ver MVP |
| Requisito | User Story | Prioridade | Estimativa | Sprint |
|---|---|---|---|---|
| RF1 | Eu como empresa patrocinadora gostaria que o visitante da pagina tivesse acesso as minhas redes sócias. | Média | 8 | 1 |
| RNF4 | Eu como usuário comum gostaria que a pagina fosse responsiva para todas as telas. | Média | 8 | 1 |
| RF2 | Eu como empresa patrocinadora gostaria de ver o número de lojas criadas com o meu patrocínio. | Alta | 8 | 1 |
| RF3 | Eu como empresa patrocinadora gostaria de ver o número de usuários impactados. | Alta | 8 | 1 |
| RF4 | Eu como empresa patrocinadora gostaria de ver a distribuição geográfica do meu impacto. | Alta | 21 | 1 |
| RF5 | Eu como empresa patrocinadora gostaria de ver o número de comunidades impactadas. | Alta | 8 | 1 |
| RF6 | Eu como empresa patrocinadora quero ter um dashboard que me permita acompanhar o crescimento do projeto e me forneça dados relevantes de uma forma clara. | Alta | 13 | 2 |
| RF7 | Eu como novo vendedor quero escolher um plano para assinar. | Média | 13 | 2 |
| RF8 | Eu como novo vendedor quero cadastrar meus dados. | Média | 8 | 2 |
| RF9 | Eu como novo vendedor do plano iniciante quero poder ver os patrocínios disponíveis. | Média | 8 | 2 |
| RF10 | Eu como uma nova empresa patrocinadora quero escolher um plano e me cadastrar. | Média | 8 | 2 |
| RF11 | Eu como uma nova empresa patrocinadora quero cadastrar meus dados. | Média | 13 | 2 |
| RF12 | Eu como uma nova empresa patrocinadora quero poder escolher o perfil dos vendedores que quero patrocinar. | Média | 13 | 2 |
| RF13 | Eu como usuário comum quero poder filtrar os dados do impacto da empresa por data. | Média | 21 | 2 |
| RNF4 | Eu como um novo usuário quero ter uma documentação para apreender a usar o site. | Média | 21 | 3 |
| RF7 | Eu como um usuário quero ter uma forma de assinar um plano. | Média | 40 | 3 |
| ID | Requisito |
|---|---|
| RF1 | Link das redes da empresa patrocinadora. |
| RF2 | Visualizar o número de lojas impactadas. |
| RF3 | Visualizar número de usuários impactados. |
| RF4 | Visualizar as cidades impactadas. |
| RF5 | Visualizar o número comunidades impactadas. |
| RF6 | Um dashboard para ter dados sobre o patrocínio. |
| RF7 | Ter um metodo de pagamento. |
| RNF1 | Usar ReactJS e TypeScript. |
| RNF2 | Usar banco de dados relacional. |
| RNF3 | Ser responsivo. |
| RNF4 | Documentação. |
Antes de começar, certifique-se de ter instalado:
Verifique se estão instalados corretamente rodando:
node -v # Verifica a versão do Node.js
yarn -v # Se estiver usando Yarn (opcional)
npm -v # Se estiver usando npm
git --version # Verifica a versão do GitAbra o terminal e execute:
git clone https://github.com/matheuskarnas/API-2.gitcd API-2Se estiver usando npm:
npm installSe estiver usando Yarn:
yarn installSe estiver usando pnpm:
pnpm installSe estiver usando npm:
npm run devSe estiver usando Yarn:
yarn devSe estiver usando pnpm:
pnpm devO terminal mostrará um link como este:
Local: http://localhost:5173/
Acesse no navegador para visualizar o projeto.
Rodar o servidor local:
npm run devGerar a versão de produção:
npm run buildExecutar a versão de produção localmente:
npm run preview