- Node >= 14
- Ionic V6
Obs: Para checagem de versões npx ionic info
, recomendado execução após npm install
npm install -g @ionic/cli
- Clonar o reposório, disponível neste link e fazer um "fork" para sua conta
npm install
npx ionic serve
- Realizar as atividades do desafio proposto
- Ao final do trabalho, compartilhar o código-fonte com a equipe da GS3
Aplicar no código-fonte existente o layout proposto na imagem abaixo. Favor atentar-se às cores utilizadas, ao scroll horizontal dos cartões e ao gráfico.
- Adicionar uma tab (Menu) com algum ícone padrão do ionic.
- Mudar o ícone da tab para a versão "outline" quando o mesmo não estiver selecionado.
- Colocar o "badge" de notificação no ícone do canto superior direito da tela.
- Carregar os dados da tela por meio do arquivo json que está na pasta src/data/mock.json (Observação: no código atual os dados estão estáticos).