V-FOODS é uma aplicação web criada como parte do Desafio Dev/UX do Rocket Lab. Este sistema tem como objetivo gerenciar indicadores e metas dos colaboradores de uma fictícia empresa do setor de varejo alimentício.
Artur Santos Desenvolvedor |
Gustavo Campos Desenvolvedor |
João Marcos Desenvolvedor |
Júlia Bacelar Designer |
Lorena Vilaça Desenvolvedora |
Nathalia Barbosa Desenvolvedora |
Atualmente, muitas empresas enfrentam desafios na gestão de indicadores e metas de desempenho devido ao aumento constante de dados ao longo do tempo.
Para resolver esse problema, propomos um sistema abrangente de gestão de indicadores que permite inserção, edição e atualização eficientes de resultados. Cada indicador possui três categorias (meta, supermeta e desafio), com notas atribuídas com base nos resultados alcançados (3 para meta, 4 para supermeta e 5 para desafio). Cada indicador tem um peso associado, usado para calcular o resultado final de cada colaborador. Os dados são inseridos mensalmente, abrangendo métricas como números gerais, valores financeiros e porcentagens, fornecendo à empresa informações atualizadas sobre o desempenho de suas áreas e colaboradores.
Neste projeto, utilizamos as seguintes tecnologias:
-
React: Para criar interfaces de usuário eficazes e responsivas. Saiba mais sobre o React aqui.
-
Vite: Como ferramenta de desenvolvimento web rápida e eficiente. Saiba mais sobre o Vite aqui.
Para informações sobre o backend, consulte o repositório correspondente.
- Cadastro de usuários do sistema.
- Cadastro de colaboradores da equipe.
- Perfis de usuário e colaborador.
- Criação e edição de indicadores.
- Página de visualização de indicadores com gráficos.
- Página de visualização de colaboradores com métricas do último mês.
- Visualização dos indicadores de um colaborador com progresso em relação à meta.
- Barra de pesquisa para encontrar colaboradores e indicadores rapidamente.
-
Clone o repositório
git clone https://github.com/artursanntos/vfoods.git
-
Instale as dependências
npm install
-
Execute o projeto
npm run dev
Para uma experiência melhor, é recomendado rodar o servidor backend. Para isso, siga as instruções neste repositório.
| Login | Home |
|---|---|
 |
 |
| Perfil do gestor | Perfil do colaborador |
 |
 |
| Colaboradores | Cadastro de colaborador |
 |
 |
| Indicadores | Indicador |
 |
 |
| Search bar | Criação de indicador #1 |
 |
 |
| Criação de indicador #2 | Criação de indicador #3 |
 |
 |