/simple-blog

📝 Codelândia's blog is the best place for you to publish your articles and posts.

Primary LanguageSCSSMIT LicenseMIT

Simple Blog

image

Bem-vindo ao repositório do meu projeto "Simple Blog"! Aqui, desenvolvi um web app que serve como um diário de pequenas ideias, utilizando a Local Storage para salvar os posts publicados. Além disso, implementei expressões regulares para criar uma função de busca eficiente.

Sumário de Conteúdos

Visão Geral

Este projeto faz parte do desafio da CodeLandia, onde busquei criar um blog simples com funcionalidades adicionais. A Local Storage é utilizada para armazenar os posts, permitindo uma experiência de usuário contínua, mesmo após a atualização da página.

Além disso, criei o layout deste projeto com base em um desafio de web design no Figma. Link de todos os desafios 'Codelândia'.

Tecnologias Utilizadas

  • JavaScript: A linguagem de programação principal para o desenvolvimento do web app.
  • SCSS: Uma linguagem de folha de estilo que é compilada para o CSS.
  • Local Storage: Um recurso do navegador que permite o armazenamento local de dados.
  • Expressões Regulares: Utilizadas para criar uma função de busca eficiente.

Funcionalidades

  1. Publicação de Posts:

    • Escreva e publique seus pensamentos e ideias no blog.

  2. Armazenamento Local:

    • Os posts são salvos na Local Storage, proporcionando persistência de dados entre sessões.

  3. Busca Eficiente:

    • Utilize a função de busca para encontrar rapidamente posts com base em palavras-chave.

  4. Estilo Responsivo:

    • O design do blog é responsivo, adaptando-se a diferentes tamanhos de tela.

Como Testar

Online

Localmente

  1. Clone o Repositório:

    git clone https://github.com/viniciusnevescosta/simple-blog.git

  2. Abra o Arquivo HTML:

    • Navegue até o diretório do projeto e abra o arquivo index.html em um navegador.

  3. Explore o Blog:

    • Escreva, publique e pesquise posts para explorar as funcionalidades do web app.

Aprendizados Adquiridos

Durante o desenvolvimento deste projeto, adquiri conhecimentos importantes, incluindo:

  • 🔄 Utilização da Local Storage para armazenar dados no navegador.
  • 🕵️ Implementação de expressões regulares para criar uma função de busca eficiente.
  • 🎨 Estilização responsiva com SCSS para proporcionar uma experiência consistente em diferentes dispositivos.

Nota: Este projeto foi arquivado pois representa um estudo concluído com sucesso. Não há planos de desenvolvimento adicional, pois seus objetivos foram alcançados com êxito.