Projeto - MiniBlog

Descrição

Este é um projeto de blog desenvolvido usando React, JavaScript, HTML, CSS, Firebase Database e Firebase Storage. O projeto oferece uma interface interativa para listar, criar, editar e excluir posts, além de visualizar notícias usando a News API. O site tem dois comportamentos diferentes:

1. Usuário Não Logado:

   • Acesso para visualizar posts e notícias.
   • Sem opções para criar, editar ou excluir posts.

2. Usuário Logado:

   • Criar: Adicione novos posts.
   • Dashboard: Veja todos os seus posts.
     • Editar: Modifique posts existentes.
     • Excluir: Remova posts.
     • Visualizar: Veja detalhes completos de um post.

Funcionalidades

• Página Inicial: Lista os posts mais recentes.
• Barra Lateral: Exibe as 10 tags mais usadas. Clique em uma tag para ver os posts associados a ela.
• Filtragem de Posts: Filtre posts por tags.
• CRUD de Posts:
  • Criar: Adicione novos posts.
  • Editar: Modifique posts existentes.
  • Excluir: Remova posts.
  • Visualizar: Veja detalhes completos de um post.
• Página de Notícias: Integra a News API para exibir notícias recentes. Possui funcionalidades de filtro para personalizar a busca.

Tecnologias Utilizadas

• Frontend: React, JavaScript, HTML, CSS
• Backend: Firebase (Database e Storage)
• APIs: News API

Paleta de Cores

Aqui estão as cores usadas no projeto:

• Preto: #000000
• Cinza: #8c989e
• Azul Frio e Acinzentado: #f0f8ff
• Azul Claro: #f6fcff
• Branco: `#FFFFFF

Visualização das Cores

• #000000
• #8c989e
• #f0f8ff
• #f6fcff
• #FFFFFF

Telas

• 
• 
•