
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.
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.
License
MIT