https://github.com/maiarasanto/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.
https://github.com/maiarasanto/blog
css github html html5 javascript php
Last synced: 27 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/maiarasanto/blog
- Owner: MaiaraSanto
- License: mit
- Created: 2023-09-21T02:27:31.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-07T19:11:59.000Z (over 2 years ago)
- Last Synced: 2025-01-08T18:53:35.287Z (over 1 year ago)
- Topics: css, github, html, html5, javascript, php
- Language: HTML
- Homepage: https://mayblogger.netlify.app/
- Size: 66.3 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://twitter.com/intent/follow?screen_name=codewithsadee)
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](https://mayblogger.netlify.app)
***
***
Carrossel com os banners [➥](https://mayblogger.netlify.app)
#
***
Banners e suas respectivas páginas com números de views [➥](https://mayblogger.netlify.app)
#
***
Cards com estilo hover: [➥](https://mayblogger.netlify.app)
#
***
Buttom com as principais tags em TI e posts recentes hover: [➥](https://mayblogger.netlify.app)
#
***
Estilo responsivo em telas diferentes [➥](https://mayblogger.netlify.app)
#
***
### Pré-requisitos
Aqui será incluído os seguintes requisitos:
* [Git](https://git-scm.com/downloads "Download Git") must be installed on your operating system.
### Executar localmente
Para executar localmente, execute este comando em seu git bash:
Linux, macOS e Windows:
```bash
sudo git clone https://github.com/MaiaraSanto/Blog-StackX.git
```
Windows:
```bash
git clone https://github.com/MaiaraSanto/Blog-StackX.git
```
### Desenvolvido com HTML, CSS e JS.
### License
[MIT](https://choosealicense.com/licenses/mit/)