Madhurima Mindscape: A Deep Dive into My Jekyll-Based Blogging Project

Description and use

Modernized a personal Jekyll blog with dynamic themes, interactive discovery, read‑aloud, bookmarking, comments, sharing, and structured SEO metadata.

Problem

Need a more interactive, discoverable, and manageable personal blogging platform built on Jekyll.

Outcome

The blog now offers interactive themes, content discovery, read‑aloud, bookmarking, comments, sharing, and structured SEO metadata, improving user engagement and maintainability.

Workflow

• Organize content in _posts/ and metadata in _data/
• Create reusable layouts in _layouts/ and components in _includes/components/
• Implement dynamic themes and responsive design in css/
• Add read‑aloud using Web Speech API with word highlighting and auto‑scroll
• Add bookmarking, comments, sharing via LocalStorage, Web Share API, Clipboard API
• Generate site with Jekyll and deploy to GitHub Pages
• Document architecture and workflow in technical docs

Evidence

I have worked on making the overall interface more engaging while keeping the experience consistent across different screen sizes.

Source

Using the browser Web Speech API, blog posts can be read aloud without depending on an external speech service.

Source

Individual blog posts also have reusable interaction components.

Source

The platform uses Jekyll, Ruby, Liquid, and YAML, with a modular structure that separates content, structured data, layouts, reusable components, and frontend assets.

Source