Back to projects
Web App

TypoCraft

Interactive Markdown editor that transforms your writing into typographic art

Astro 7.xReact 19Tailwind CSS 4Markedshadcn/ui
View site Code

The Problem It Solves

  • Need for an interactive Markdown editor with real-time preview.
  • Transform Markdown writing into different typographic styles.
  • Responsive interface for desktop and tablet.

Key Features

  • Live Markdown editor with real-time preview.
  • Multiple typographic themes:
    • Manuscript (classic, elegant)
    • Modernist (clean, contemporary)
    • Deep Night (dark, sophisticated)
  • Responsive interface for desktop and tablet.
  • Full Markdown support (headings, lists, code, blockquotes, etc.).
  • Real-time theme switching without losing content.
  • Bidirectional editing synchronization.
  • Extensible theme system.

Technical Decision

  • Combine Astro with React for editor interactivity.
  • Use Marked for real-time Markdown processing.
  • Prioritize user experience with instant preview and fluid theme switching.
All projects