Este é um projeto de blog estático fictício voltado para tecnologia, desenvolvido utilizando HTML, CSS e Javascript. O conteúdo do blog, incluindo os textos dos posts, foi gerado por meio de inteligência artificial. O blog consiste em duas páginas principais: a página inicial, onde são exibidos os posts em formato de cards, e a página de visualização de um post específico.
- index.html: Página inicial do blog, onde são exibidos os cards dos posts e a barra de navegação.
- post.html: Página de visualização de um post específico, contendo o texto completo do post.
- styles: Pasta contendo os arquivos CSS para estilização das páginas.
- assets: Pasta contendo recursos como imagens e ícones utilizados no blog.
- script: Pasta contendo o arquivo JavaScript responsável por manipular os dados dos cards.
- Exibe todos os posts em formato de cards, contendo título, resumo, data da postagem, imagem, categoria e número de acessos.
- Cada card é clicável e direciona o usuário para a página de visualização do post completo.
- Incrementa o número de visualizações ao direcionar o usuário para a página de visualização do post.
- Possui uma barra de navegação contendo o nome ou logo do blog e um filtro de postagens por categoria (comunicação, relação, tecnologia).
- Ao clicar sobre uma categoria na barra de navegação, apenas as postagens referentes à categoria escolhida são exibidas.
- Exibe o post completo, incluindo título, texto e imagem.
- Contém uma barra de navegação com um link para retornar à página inicial.
- HTML
- CSS
- Javascript
- Vercel: (https://digital-wave-blog.vercel.app/)
Este projeto tem propósitos exclusivamente educacionais e demonstrativos.