Responsive Accessible In-browser Markdown Editor

What are you most proud of, and what would you do differently next time?

Front-end solution with localStorage to store user Data.

The user is able to:

• Create, Read, Update, and Delete markdown documents
• Name and save documents to be accessed as needed
• Edit the markdown of a document and see the formatted preview of the content
• View a full-page preview of the formatted content
• Switch between Light / Dark theme + pre-check on user system preferences

Built with

• Semantic HTML5 markup
• Native CSS
• Vanilla JavaScript
• Marked - Markdown compiler
• DOMPurify - to sanitize the output
• localStorage to save the current state in the browser that persists when the browser is refreshed
• JSON to populate the initial welcome document
• Chrome Screen reader - for accessibility check
• Chrome Lighthouse
• PerfectPixel

What specific areas of your project would you like help with?

I'm always grateful to get any feedback on eventual bags, code optimisation and especially accessibility issues.

Thanks in advance! 🍭 Ortaly