Back to Projects
Web Development

Blog / Portfolio Website

HTMLCSSJavaScript

A minimal blog and portfolio site built from scratch to showcase projects and writing.

Overview

Custom-built with vanilla HTML, CSS, and JavaScript for maximum performance and zero framework overhead. Full control over design, content, and deployment.

Key Features

  • Markdown Content — Blog posts and project pages written in Markdown, rendered dynamically.
  • Dark / Light Theme — CSS variable theming with persisted preference.
  • Responsive Design — Mobile-first layout across all screen sizes.
  • Client-Side Search — Indexes frontmatter for instant filtering without a backend.

Architecture

/blog/posts/   → .md files
/projects/     → .md files
/scripts/      → Fetch logic & rendering

Static files served from any web server. Content is fetched and rendered client-side via JavaScript.