📓 Learning Journal

A personal learning log web app built with vanilla JavaScript, HTML & CSS.
Displays a featured hero post, a responsive feed grid, and will persist user favourites using localStorage.

🚀 Demo

TODO: (Add live link here when I deploy)

📂 Project Structure

index.html → Home page (hero + feed grid)
post.html → Single post view (planned)
posts.js → Static post data
index.js → Rendering & interaction logic
styles.css → Styling & responsive layout
images/ → Hero and post images

🧠 Features

✅ Implemented

• Hero section for featured post
• Responsive feed grid (mobile → tablet → desktop)
• Dynamic rendering from JavaScript data
• UK date formatting (e.g. 1 July 2024)
• Tag lozenges for post metadata
• Modern layout & design system
• Clear separation of rendering logic

🔜 In Progress / Planned

• Post favouriting with localStorage persistence
• Single post page using slugs
• Filter by favourites
• Tag-based filtering
• Search functionality

🧩 TODO

🚧 UNDER CONSTRUCTION 🏗️

• Blog posts need writing
• Error handling for empty data
• Accessibility improvements
• Event delegation cleanup
• Image fallbacks
• Mobile edge-case testing

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript

No frameworks — built to strengthen core SWE fundamentals.

📝 Running Locally

1. Clone the repository
2. Open index.html in your browser

📌 Purpose

This project documents software engineering learning while practising:

• DOM manipulation
• state handling
• responsive layout
• clean JS structure