CompletedFeatured

    QuillMD — Vibecoded Markdown Blog

    A modern, markdown-powered blogging platform built with React, Vite, and Tailwind CSS. Features offline-ready PWA, client-side search, SEO optimization, and built-in admin interface.

    Category
    Personal
    Date
    August 19, 2025

    Technologies Used

    ReactViteTailwind CSSFuse.jsPWA
    QuillMD — Vibecoded Markdown Blog

    QuillMD — Vibecoded Markdown Blog

    QuillMD is a lightweight, blazing-fast blogging platform powered by Markdown.
    It requires no backend — all posts are stored as Markdown files with YAML frontmatter and processed at build time using Vite.

    The app also ships with a built-in admin interface for writing/editing posts and a PWA experience for offline-first blogging.


    ✨ Features

    • 📝 Markdown-first content — Write posts with YAML frontmatter
    • 🔍 Fuzzy client-side search (Fuse.js) across all posts
    • 📱 PWA support — Installable with offline cache
    • 🎨 Dark mode with persistence
    • 🚀 SEO optimized — meta tags, sitemap, RSS feed
    • 📊 Admin interface with live preview & draft management
    • Static generation for performance
    • 📐 Responsive design via Tailwind CSS

    🛠️ Tech Stack

    • Frontend: React + Vite + Tailwind CSS
    • Search: Fuse.js
    • PWA: Service workers, offline cache, manifest
    • SEO: Dynamic metadata, JSON-LD, RSS, sitemap
    • Testing: Jest + React Testing Library

    Project Notes

    • Designed as a self-hostable, personal blogging tool.
    • Posts are easy to write, portable, and Git-friendly.
    • Fully optimized for speed, SEO, and offline usability.

    📅 Completed: August 19, 2025

    Related Projects

    Discover more projects with similar technologies or categories.

    PersonalCompleted

    RJRYT Portfolio

    A modern, production-ready personal portfolio built with React, Vite, and Tailwind CSS featuring blogs, projects, and PWA support.

    ReactVite+2
    View Project
    PersonalCompleted

    E2EE Chat — End-to-End Encrypted Chat App

    A secure real-time MERN chat app with true end-to-end encryption using client-side RSA-OAEP, built as a personal project.

    ReactTailwind CSS+5
    View Project
    Full-StackCompleted

    Buddypair Community Platform

    A full-featured MERN-based community platform integrating multiple domains such as job portal, dating, study abroad, matrimony, and courses.

    MongoDBExpress.js+5
    View Project