- Índice
- 1. Pipo Saúde
- 2. Desafio
- 3. Metodologia Ágil
- 4. Features do Produto Mínimo Viável (MVP)
- 5. Protótipos
- 6. Ferramentas Utilizadas
- 7. Como usar
- 8. Desenvolvedoras
A Pipo Saúde é uma corretora de benefícios de saúde que apoia o RH e oferece uma experiência incrível aos colaboradores, otimizando a relação das empresas na compra e gestão de benefícios.
Conhecer mais sobre a Pipo aqui AQUI.
Fomos desafiadas pela Pipo a desenvolver uma aplicação web que permitisse aos usuários acompanharem o histórico de estatísticas do Covid-19 no Brasil e no mundo, assim como as últimas atualizações em tempo real.
A ideia é que o usuário seja capaz de visualizar o progresso da pandemia em diferentes países. Para isso, seria interessante que a aplicação fornecesse dados como, por exemplo, número de óbitos, número total de casos, número de novos casos, entre outros dados relevantes.
Seria ainda mais incrível se no caso do Brasil, pudéssemos filtrar os dados por estado, ou filtrar os dados em um intervalo temporal, por exemplo. A aplicação deve ser capaz de exibir os dados em tabelas, gráficos e geocharts. O grupo deve definir qual a melhor experiência de usuário que permita-o visualizar asestatísticas nesses formatos distintos.
Conhecer nossa solução AQUI.
Utilizamos o Trello para nos organizarmos durante o quatro dias de hackathon, e cada dia foi considerado uma sprint do projeto.
Com a criação do Backlog com as funcionalidades sugeridas e as principais, e a divisão e priorização das atividades a serem desenvolvidas, a partir deste Backlog. Assim como as cerimonias da metodologia ágil: Daily (Squad e Equipe Pipo), Sprint Planning (Squad) e Sprint Review (Squad).
Link do trello do projeto AQUI.
A estrategia seguida para definir os requisitos e a priorização da implementação de cada um, foi feita seguindo os feedbacks da equipe da Pipo durante as Dailys, além de uma ordem logica, alcançando primeiro objetivos primordiais do desafio e que causavam dependencia nos demais requisitos.
- Consumo de API com histórico de estatísticas da COVID por país.
- Para a API mundo, foi desenvolvido filtro por país.
- Para a API mundo, foi desenvolvido calculo agregado mostrando três estatísticas, número de óbitos, casos totais, novos casos.
- Consumo de API com histórico de estatísticas da COVID do Brasil.
- Para a API Brasil, foi desenvolvido filtro por estado.
- Para a API Brasil, foi desenvolvido filtro por periodo de 3 semanas e 6 semanas.
- Consumo de biblioteca de gráficos da Google.
- Exibição dos dados dos países em tabela com casos, novos casos e óbitos.
- Exibição dos dados do Brasil em tabelas para filtro de estado e periodo.
- Exibição dos dados do Brasil em grafico para casos, óbitos e suspeitos.
- Mobile-First.
- Responsividade.
- Deploy em hosting público - GitHub Pages.
Para criação dos Protótipos desenvolvidos usamos as ferramentas Adobe Illustrator e Adobe Photoshop.
A paleta de cores foi definida seguindo o guia da marca.
- HTML;
- CSS;
- ReactJS;
- NodeJS;
- Git e GitHub;
- API de Dados
- Trello;
Você precisará usar o Node.js
Clonar o projeto
$ git clone https://github.com/CassiaCosta/piposaude-estatisticas-covid
Instalar as dependências do projeto
$ npm install or yarn
Iniciar a aplicação
$ npm start or yarn start
Este projeto foi desenvolvido durante o Talent Fest da Laboratória, Turma 007 pelas colaboradoras:
|
|
|
|
|