"cada dia, uma coisa nova." — Um diário público de desenvolvimento web para registrar a evolução constante, um aprendizado por vez.
O MarttDev log_ é um espaço onde documento minha jornada como desenvolvedora. O objetivo é cultivar o hábito de registrar aprendizados diários, por menores que sejam, fortalecendo a base técnica e criando um histórico real de evolução.
O projeto foi construído focando nos fundamentos do desenvolvimento web, utilizando tecnologias puras (Vanilla) para garantir performance e total controle sobre o código.
- 📋 Feed Dinâmico: Listagem de registros carregada a partir de um arquivo JSON.
- 🔍 Busca Inteligente: Filtro em tempo real por títulos, texto, tags ou palavras-chave.
- 🏷️ Categorização: Sistema de chips para filtrar posts por tecnologias (HTML, CSS, JS, etc).
- 📱 Design Responsivo: Interface que se adapta perfeitamente a computadores e celulares.
- 📖 Páginas de Leitura: Posts detalhados com suporte a blocos de código e links úteis.
Para este projeto, priorizei a simplicidade e a eficiência:
- HTML5: Estrutura semântica para melhor acessibilidade e SEO.
- CSS3: Estilização modular com variáveis, Flexbox e CSS Grid.
- JavaScript (ES6+): Manipulação de DOM, Fetch API para carregar dados e lógica de busca.
- JSON: Utilizado como uma base de dados estática e leve.
├── assets/ # 🖼️ Imagens, logos e favicons
├── data/ # 📦 O "banco de dados" em formato JSON
├── scripts/ # 🧠 Lógica de renderização e integração com a API
├── styles/ # 🎨 CSS modularizado (Header, Hero, Grid, Post, etc)
├── index.html # 🏠 Página principal (Feed)
├── post.html # 📄 Template para leitura dos registros
└── sobre.html # 👩💻 Informações sobre a autora
- Clone o repositório:
git clone https://github.com/marttdev/marttdev_log.git - Abra o arquivo
index.htmlem seu navegador. - Ou acesse o link do deploy: MarttDev log_
- Implementar paginação no feed.
- Adicionar modo Dark/Light alternativo.
- Criar um sistema de "favoritos" local.
Feito com 🌹 e dedicação por Grazielle.