News Explorer é uma aplicação mobile desenvolvida com React Native que permite aos usuários buscar e visualizar notícias a partir da API pública do NewsAPI. Além disso, inclui um dashboard web desenvolvido com React JS para visualização gráfica das notícias.
-
Componente de Busca de Notícias
- Permite a busca de notícias por palavra-chave.
-
Tela de Resultados da Busca
- Exibe resultados da busca em cards com título, link, fonte e uma breve descrição de cada notícia.
-
Tela Home
- Exibe uma lista das principais manchetes do dia.
-
Histórico de Buscas Recentes
- Mantém um histórico das buscas recentes do usuário.
-
Tela de Categorias
- Exibe todas as categorias disponíveis
-
Busca por Palavra-Chave e Período
- Permite ao usuário informar uma palavra-chave e um período (data de início e de fim) para buscar notícias.
-
Gráfico de Linha
- Mostra a quantidade de notícias para o termo ao longo do tempo, proporcionando uma linha de tendência.
-
Gráfico de Barras
- Outro insight extraído dos dados, como a distribuição das notícias por fonte, mostrando a importância da diversificação das fontes de informação.
-
Filtros por Data e Fonte
- Permite ao usuário filtrar notícias por data e fonte, proporcionando uma análise mais detalhada.
-
Motivos para Usar Charts.js e Insights para a construção do gráfico
- Simplicidade e Flexibilidade: Facilita a criação de gráficos interativos e estilizados com poucas linhas de código.
- Variedade de Gráficos: Suporta diversos tipos de gráficos (linha e barra ), permitindo diferentes formas de visualização.
- Integração com React: Facilmente integrável com componentes React, tornando a implementação direta e eficiente.
- Visualização das quantidades de notícias geradas tanto no gráfico de linha quanto no gráfico de barra relacionado as fontes de notícias
- Node.js
- React Native
- React.js para o dashboard web
- JavaScript
- NewsAPI
- Styled-Components para web e Css para mobile (estilização)
- Axios
- Chart.js para a construção do gráfico