/Blog

A idéia é desenvolver um blog estático voltado à tecnologia usando HTML, CSS e Javascript, composto de duas páginas: a página inicial e página de visualização de um post específico.

Primary LanguageHTMLMIT LicenseMIT

GitHub repo size GitHub stars GitHub forks Twitter Follow



Mayarah Santos- Developed by © 2023

MyBlogger é um blog pessoal totalmente responsivo,
Responsivo para todos os dispositivos, construído usando HTML, CSS e JavaScript.

A idéia é desenvolver um blog estático voltado à tecnologia usando HTML, CSS e Javascript, composto de duas páginas: a página inicial e página de visualização de um post específico.

A página inicial deve exibir todos os posts em formato de cards, apresentando o título, os primeiros caracteres, a data da postagem, a imagem, a categoria ao qual a postagem pertence e o número de acessos. Cada card de post deve ser clicável e direcionar o usuário para a página de visualização do post completo. Ao ser direcionado para a página, o número de visualizações deve ser incrementado.

A página inicial também deve possuir uma barra de navegação contendo o nome ou logo do blog e um filtro de postagens por categoria (utilize no máximo 4 categorias diferentes predefinidas). Ao clicar sobre uma categoria, apenas as postagens referentes a categoria escolhida devem ser exibidas.

A página de visualização do post deve exibir a postagem completa com todas as suas informações. Ela também deve conter uma barra de navegação contendo um link para a página de postagens que ao ser clicado, retorna para ela.


Demo Screeshots ➥ clique aqui para acessar o Blog

Carrossel com os banners ➥

Banners e suas respectivas páginas com números de views ➥

Cards com estilo hover: ➥

Buttom com as principais tags em TI e posts recentes hover: ➥

Estilo responsivo em telas diferentes ➥

Pré-requisitos

Aqui será incluído os seguintes requisitos:

  • Git must be installed on your operating system.

Executar localmente

Para executar localmente, execute este comando em seu git bash:

Linux, macOS e Windows:

sudo git clone https://github.com/MaiaraSanto/Blog-StackX.git

Windows:

git clone https://github.com/MaiaraSanto/Blog-StackX.git

Desenvolvido com HTML, CSS e JS.

HTML5 CSS3 JavaScript

License

MIT