Skip to content

Releases: rakheOmar/Markdrop

Markdrop v0.2.0-alpha Release

02 Nov 16:39

Choose a tag to compare

Pre-release

Markdrop v0.2.0-alpha Release Notes

✨ A major release bringing authentication, PWA support, export capabilities, and comprehensive UI improvements. ✨

New Features

  • Profile System: Enhanced Profile Page UI with user-specific markdown storage for personalized content.
  • Export Options: Added PDF and HTML export functionality for sharing and publishing markdown documents.
  • GitHub Profile Blocks: Introduced GitHub summary cards and typing SVG blocks for dynamic developer portfolio customization.
  • Supabase Integration: Implemented Supabase login and user profile management with authentication and session handling.
  • PWA Support: Markdrop can now be installed as a Progressive Web App for offline use and faster startup.
  • Vercel Analytics & Insights: Integrated Vercel Web Analytics and Speed Insights for usage and performance tracking.
  • SEO Enhancements: Added OG image, sitemap.xml, and Google verification for improved discoverability.
  • New Shortcut Actions: Added Undo and Redo keyboard shortcuts for quicker editing.
  • Privacy & Policy Pages: Included Privacy Policy and Terms of Service with dedicated routes.
  • Enhanced Builder UI: Improved responsive design, fixed list block numbering, and added copy-to-clipboard functionality for markdown blocks.
  • Responsive & Consistent UI: Redesigned the entire interface to be fully responsive across all devices with consistent design patterns and components.
  • Import UX: Added loading spinner for import operations to improve user feedback.

Fixes & Improvements

  • Resolved list block numbering issue in the builder.
  • Fixed responsiveness for template pages and restored the About page with cleanup.
  • Fixed infinite render loops in list components.
  • Optimized SPA routing and rewrite rules for API exclusion.
  • Updated theme colors to align more closely with GitHub's palette.
  • Improved Preview rendering for code blocks and HTML snippets.
  • Refined toast notifications and loading states for import/export actions.

Docs & Configuration

  • Expanded README with new features, tech stack, and usage documentation.
  • Added Contributing Guide with prerequisites and setup steps.
  • Updated .gitignore, Node version, and Vercel configuration for improved CI/CD pipeline stability.
  • Introduced automatic PR labeling via GitHub Actions.
  • Enhanced project metadata (package.json) with accurate name and description.
  • Added comprehensive documentation for Supabase integration.

Design & Accessibility

  • Refined theme responsiveness for better dark/light mode transitions.
  • Improved mobile experience and layout scaling across breakpoints.
  • Continued ARIA-compliant component usage for accessibility consistency.

Contributors

We would like to thank the following contributors for their valuable contributions to this release:


Special thanks to all contributors who helped make Markdrop better through their code contributions, bug reports, and suggestions.

If you find Markdrop useful, please consider starring the repository to show your support!

Markdrop v0.1.0 - Alpha Release

25 Oct 19:27
f1286b5

Choose a tag to compare

Pre-release

MarkDrop - Prerelease Notes 📝

✨ Features

  • Drag-and-Drop Editor - Intuitive block-based markdown editing with visual interface
  • Three View Modes - Switch between Editor, Raw, and Preview modes
  • 13+ Block Types - Headings (H1-H6), Paragraph, Blockquote, Code, HTML, Bullet Lists, Numbered Lists, Task Lists, Images, Videos, Links, Tables, Separators
  • Special Blocks - Shield Badges and Skill Icons for developer profiles
  • Theme Support - Dark/Light mode with system preference detection
  • Import Files - Load markdown files (.md, .markdown, .txt)
  • Export Options - Export to .md format (PDF and HTML coming soon)
  • History Tracking - Full undo/redo support with complete history
  • Auto-Save - Automatic persistence to localStorage
  • Document Stats - Real-time word count, character count, and reading time
  • Image Customization - Alt text, width, height, and alignment controls
  • Responsive Design - Mobile-friendly interface across all devices
  • Toast Notifications - User feedback for all actions
  • Accessibility - ARIA-compliant components via Radix UI

🛠️ Tech Stack

  • React 19.2.0 - Latest React with Vite (Rolldown) for lightning-fast builds
  • Tailwind CSS 4.1.16 - Utility-first styling framework
  • Shadcn/UI + Radix UI - Beautiful, accessible component library
  • React Router 7.9.4 - Client-side routing and navigation
  • dnd-kit - Modern drag-and-drop toolkit
  • react-markdown - Markdown rendering with remark-gfm and rehype-raw
  • react-hook-form + Zod - Form handling with schema validation
  • Sonner - Elegant toast notifications

💡 Design Philosophy

MarkDrop combines the simplicity of markdown with the power of visual editing. The block-based approach makes it easy for both beginners and experienced users to create beautiful, well-structured markdown documents without memorizing syntax.

🚀 How to Run

# Install dependencies
npm install

# Start development server
npm run dev