Skip to content

k79639/MarkView

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 MarkView – Modern Markdown Editor

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


Features

Core Functionality

  • Real-time Markdown preview with marked.js
  • Auto-save to localStorage
  • Download notes as .md files
  • Copy to clipboard
  • Clear editor with confirmation

Smart List Handling

  • Auto-continues:
    • Unordered lists (-, *)
    • Numbered lists (1., 2.…)
    • Checklists (- [ ])
  • Backspace instantly removes list prefixes
  • Proper indentation handling

Themes

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

Rich Markdown Support

  • Headings (H1–H6)
  • Bold, italic, strikethrough
  • Links and images
  • Blockquotes and tables
  • Inline & multiline code
  • Horizontal rules

User Experience

  • Word and character counters
  • Fully responsive layout
  • Mobile-friendly toolbar
  • Smooth transitions
  • Accessible tooltips and scrollbars

Tech Stack

  • Frontend: HTML5, Tailwind CSS, Vanilla JavaScript
  • Markdown Parsing: marked.js
  • Icons: Font Awesome
  • Deployment: GitHub Pages

Getting Started

To run it locally:

git clone https://github.com/karan79639/MarkView.git
cd MarkView
open index.html

Screenshot:

image

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors