O Desafio teve como objetivo criar um produto do zero, uma aplicação web navegável e interativa de um novo empreendimento. Então, toda a equipe de desenvolvedores e designers se reuniu e decidimos pela criação de um projeto de um prontuário digital, que armazene todas as informações médicas do usuário em um único local e facilite na consulta do histórico do paciente.
Os Product Designers prototiparam e projetaram a interface de forma amigável detalhando os componentes para os desenvolvedores web seguindo as melhores práticas entregando algo de fácil uso, entendimento e acessível a todos.
- Elaboração do kanban (junto com a equipe de Desenvolvedores Web)
- Definição das personas
- Benchmarking
- Criação de um fluxograma arquitetando o fluxo das telas de aplicação através do Figma
- Criação do wireframe através do Figma
- Prototipação navegável através do Figma
- Testes com usuários
- Definição de paleta de cores e tipografia através do Figma
- Criação da UI (User Interface) da aplicação através do Figma
- Criação da style guide com os componentes da aplicação definidos
- Itens realizados da checklist
- Relatório consolidado de entrega
Os desenvolvedores do front-end foram responsáveis por criar as páginas com base no layout utilizando Bootstrap, Styled-components React e Redux. Os desenvolvedores do back-end foram responsáveis por construir a API utilizando TypeScript, Node.js, Express, Jest, Sequelize e Clean Code.
- Elaboração do kanban (junto com a equipe de Product Designer)
- Criação de banco de dados via Migrations e populando via Faker
- API Rest com CRUD para usuários, exames e consultas
- Autenticação de usuário
- Implementação dos Princípios SOLID na arquitetura
- Testes automatizados
- Criação do Front-End de acordo com o UI criada pela equipe Product Designer
- Criação do ambiente produtivo na nuvem e deployment da aplicação
- Projeto desenvolvido durante o desafio Hands On 5 - Desafio Chefão oferecido pela Gama Academy.
O Banco de Dados foi criado de acordo com o padrão de tabelas e colunas exposto a seguir:
A Documentação da API, rotas e exemplos foram feitos através do Postman e publicado no link:
Documentação API - Postman O código utilizado pela equipe Front-End foi disponibilizado no GitHub através do link:
Código Front-End - GitHub O código utilizado pela equipe Back-End foi disponibilizado no GitHub através do link:
As seguintes ferramentas foram usadas na construção do projeto:
