A sleek, feature-rich Markdown editor built for the CodeCircuit Hackathon.
MarkView combines real-time preview, smart formatting tools, automatic list handling, and multiple dynamic themes — all wrapped in a responsive, modern UI.
🔗 Live Demo: MarkView on GitHub Pages
- Real-time Markdown preview with marked.js
- Auto-save to localStorage
- Download notes as
.mdfiles - Copy to clipboard
- Clear editor with confirmation
- Auto-continues:
- Unordered lists (
-,*) - Numbered lists (
1.,2.…) - Checklists (
- [ ])
- Unordered lists (
- Backspace instantly removes list prefixes
- Proper indentation handling
Each theme includes styled code blocks and tooltips:
- Minimal Dark – clean and professional
- Neon Hacker – Matrix-inspired, green-on-black
- Funny Chaotic – It's just funny
- Soft Light – gentle tones for reading comfort
- Headings (H1–H6)
- Bold, italic, strikethrough
- Links and images
- Blockquotes and tables
- Inline & multiline code
- Horizontal rules
- Word and character counters
- Fully responsive layout
- Mobile-friendly toolbar
- Smooth transitions
- Accessible tooltips and scrollbars
- Frontend: HTML5, Tailwind CSS, Vanilla JavaScript
- Markdown Parsing: marked.js
- Icons: Font Awesome
- Deployment: GitHub Pages
To run it locally:
git clone https://github.com/karan79639/MarkView.git
cd MarkView
open index.html