Markdown Live Editor

A modern, feature-rich Markdown editor with live preview capabilities. Write and preview your Markdown content in real-time.
I decided to create this project because I needed to use something similar to this during my work day so I thought to create one for myself adding features to improve the experience. I also wanted to learn more about Zustand.

✨ Features

• 🔄 Real-time preview as you type
• 🎨 Syntax highlighting for code blocks
• 🛠️ Toolbar with common Markdown shortcuts
• 💾 Saving to localStorage
• 📱 Fully responsive design
• 📤 Export to PDF
• 🔍 Full-page preview mode
• 📂 File management with CRUD operations
• 🌓 Light/Dark mode (coming soon)

🛠️ Built With

• Next.js - React framework
• TypeScript - Language
• Zustand - State management
• shadcn/ui - UI components
• motion - Animations
• Tailwind CSS - Styling
• CodeMirror - Text editor component

🗺️ Roadmap

• Light/Dark mode toggle
• More export options (HTML, Word)

📬 Feedback

Your feedback is valuable! Here are the ways you can reach out:

Bug Reports & Feature Requests

• Open an issue on GitHub

General Feedback

• Email: marko@frompixels.com

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Design inspiration from Frontend Mentor