Novos Componentes e Dashboard Interativo na Guia de Pesquisa

[devMarcosVM]

Novos Componentes e Dashboard Interativo na Guia de Pesquisa

Descrição

Este pull request abrange uma série de melhorias significativas e a adição de novas funcionalidades ao projeto, com foco na experiência do usuário e na acessibilidade. As principais mudanças incluem:

• Criação do componente Mensagem: Um novo componente foi desenvolvido para exibir mensagens na Home. Este componente foi cuidadosamente elaborado com foco em acessibilidade, garantindo que todos os usuários, incluindo aqueles com necessidades especiais, possam interagir com ele de forma eficaz.

• Ajustes de Responsividade: Todos os componentes do projeto foram revisados e otimizados para garantir uma experiência fluida em dispositivos móveis, tablets e desktops. Foram feitos ajustes finos para assegurar que o layout se adapte corretamente a diferentes resoluções de tela, melhorando a usabilidade em todos os formatos.

• Implementação de Gráfico na Home: Foi criado um gráfico interativo na página inicial, permitindo que os usuários filtrem os dados de despesas ao longo dos anos. Este gráfico foi projetado para ser altamente intuitivo e informativo, oferecendo uma visualização clara dos dados financeiros ao longo do tempo. As cores e legendas foram ajustadas para garantir clareza e conformidade com as diretrizes de acessibilidade.

• Criação de Dashboard Interativo na Guia Pesquisa: Na guia de pesquisa, foi adicionado um Dashboard interativo que permite aos usuários visualizar os valores totais gastos, empenhados e liquidados dentro de um intervalo de datas definido. Este Dashboard foi desenvolvido para oferecer insights detalhados, com filtros precisos que permitem ao usuário explorar os dados de maneira personalizada e relevante.

• Atualização do Texto na Guia Sobre: O conteúdo da guia Sobre foi revisado e atualizado para refletir os objetivos e a missão atual do projeto. Esta atualização garante que os usuários tenham uma compreensão clara e precisa do propósito e do valor que o projeto oferece.

• Implementação de Acessibilidade: Todos os componentes foram aprimorados para atender às diretrizes de acessibilidade, garantindo que o site seja navegável e utilizável por todos os usuários, independentemente de suas habilidades. Isso inclui a introdução de contrastes de cores adequados, suporte a leitores de tela, e navegação por teclado.

• Atualização da Documentação: A documentação do projeto foi atualizada para incluir as novas funcionalidades e melhorias. As instruções foram revisadas para garantir que outros desenvolvedores possam entender e colaborar facilmente no projeto.

Checklist

• As alterações foram testadas localmente em diferentes dispositivos e navegadores.
• As alterações não introduzem novos problemas, erros ou regressões.
• Os nomes das variáveis, funções e comentários estão em conformidade com as diretrizes de estilo e boas práticas do projeto.
• Os testes unitários e de integração foram adicionados ou atualizados para cobrir as novas funcionalidades e alterações feitas.
• A documentação do código e do projeto foi atualizada conforme necessário.
• Todos os conflitos de merge foram resolvidos, e o código está pronto para ser revisado e mesclado na branch principal.

Notas Adicionais

Além das alterações principais, este pull request também inclui:

• Correções de Bugs: Foram corrigidos problemas relacionados à renderização incorreta de guias e à lógica de backend, que anteriormente impediam a obtenção completa dos dados necessários.

• Substituição do Componente Dashboard: O antigo componente Dashboard foi substituído pelo componente Filtro, que agora é responsável por gerenciar a coleta e exibição dos dados da API de forma dinâmica e interativa.

• Melhorias na Acessibilidade do
  Gráfico: Adições de descrições e legendas explicativas ao gráfico, permitindo que os usuários entendam facilmente os dados apresentados. As linhas do gráfico e suas cores foram ajustadas para garantir visibilidade adequada em modos de alto contraste e sob diferentes condições de iluminação.

• Documentação dos Testes: A documentação dos testes foi expandida para incluir detalhes sobre como testar os novos componentes e funcionalidades, garantindo que todos os casos de uso críticos estejam cobertos.

Gravacao.de.tela.de.02-09-2024.10.17.23.webm

Gravacao.de.tela.de.02-09-2024.10.38.29.webm

[Gxaite]

Marcos e Mateus, vocês fizeram um ótimo trabalho, aparentemente não tem erros ou falhas no PR de vocês, ele foi muito bem documentado e os vídeos ajudaram muito a complementar o entendimento das ferramentas desenvolvidas, parabéns pelo trabalho de documentação

[Gxaite]

Todas as alterações foram bem estruturadas e não parecem introduzir problemas maiores ao código principal.