DataVision — Dashboard de Dados

O DataVision é um dashboard full-stack que agrega dados de três APIs públicas (Open-Meteo, AwesomeAPI e TMDB) através de um backend proxy em Spring Boot, exibindo gráficos interativos de área, linha e barra com React e Recharts. Conta com tema escuro personalizado, estados de loading/erro por seção, e separação limpa entre frontend e backend com CORS e gerenciamento de chaves de API.

GitHub

Funcionalidades

Seção de clima com busca por cidade e gráfico de área (Open-Meteo)
Seção de câmbio USD/EUR com seleção de período (AwesomeAPI)
Seção de filmes populares e melhor avaliados (TMDB)
Componente KPI card reutilizável
Estados de loading e erro independentes por seção
Tema escuro com gradientes e design responsivo

Desafios

O maior desafio foi projetar uma arquitetura de proxy no backend que agregasse três APIs externas com formatos de dados diferentes, mantendo o frontend desacoplado. Além disso, implementar a degradação graceful quando a chave da API do TMDB não está configurada, permitindo que as outras seções funcionem normalmente.

Tecnologias

Java 21Spring Boot 4React 19TypeScriptViteRecharts