https://github.com/raizertechdev/blog_stackxlabsii

Criação do meu Blog =>RAFA76TECH<= Lançado Desafio do Curso StackX, que faz parte do Módulo StackX Lab. II, com as seguintes StackX aplicadas > HTML5, CSS e JS🙌🚀
https://github.com/raizertechdev/blog_stackxlabsii

Last synced: 10 months ago
JSON representation

Criação do meu Blog =>RAFA76TECH<= Lançado Desafio do Curso StackX, que faz parte do Módulo StackX Lab. II, com as seguintes StackX aplicadas > HTML5, CSS e JS🙌🚀

• Host: GitHub
• URL: https://github.com/raizertechdev/blog_stackxlabsii
• Owner: RaizerTechDev
• Created: 2023-12-19T19:20:30.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-10-29T01:10:47.000Z (about 1 year ago)
• Last Synced: 2025-01-11T08:12:14.427Z (12 months ago)
• Language: JavaScript
• Homepage: https://raizertechdev-blog.netlify.app/
• Size: 46.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
***



[![Typing SVG](https://readme-typing-svg.herokuapp.com?font=Fira+Code&weight=700&size=25&pause=1000&color=6035DF&center=true&vCenter=true&width=435&lines=Olá👋+sou+Rafael+Raizer)](https://git.io/typing-svg)



  

***

##   Venho aqui apresentar   

  

# **_Blog_labsStackX_**

 


 


[ ( Clique aqui e venha conhecer ```Meu Blog!!!```) ](https://raizertechdev-blog.netlify.app/)






  

 [Demonstração-Blog]


 




***

  


### Projeto do curso StackX, do módulo StackX Lab II, onde consiste:

- Desenvolver um blog estático composto de duas páginas: a página inicial e página de visualização de um post específico.

-  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}.

- No arquivo Java Script a ação interpretada para interação do usuário com o site:

  

   ###### *✔ Criou a variável posts com => Id, title, content, date, category e views.*

   ###### *✔ Funções para exibir os cards na página principal.*

   ###### *✔ Funções para obter, salvar os números de visualizações e armazenar os dados (localStorage).*

   ###### *✔ Função para exibir a página de visualização e incrementar o número de visualizações e salvar e armazenar os dados (localStorage).*

   ###### *✔ Adicionar eventos de “clique” aos links da categoria.*

   ###### *✔ Exibir todas as postagens.*

  







***

 Tecnologias utilizadas no projeto:

🎯 HTML

🎯 CSS 

🎯 Javascript




***

  Ferramenta utilizada no projeto:

- [VsCode](https://code.visualstudio.com/download) (v1.80.1)




***

 Para rodar no `Front-End`:

- No arquivo `index.html` vai clicar com o botão direito para digitar:

```

Open With Live Server

```

- Assim vai abrir no navegador a `StackXLabs_Blog`.

***

- Ou pelo `Deplopy Netlify`:

  

[ ( Clique aqui e venha conhecer ```Meu Blog!!!```) ](https://raizertechdev-blog.netlify.app/)

    




***

 Autor



    

    

&nbsp&nbsp&nbspRafaRaizer-Dev


    &nbsp&nbsp&nbspWhatsapp | LinkedIn | GitHub| Tableau| Portfólio