Skip to content
Submitted 6 months ago

Functional In-browser Markdown Editor 📌📌 w/HTML, CSS & JS

Koda👹•3,830
@kodan96
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...In-browser markdown editor
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

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

Made with:

  • HTML 🦴
  • CSS 🎨
  • JS 🤖
  • used jQuery and Showdown.js libraries 📚
  • mobile-first workflow 📱📱
  • you can save, edit and update docs 📃📃
  • used prefers-color-scheme to match the site's theme with user preference
  • used localStorage, so the editor will still have your files when you return to it after closing it
What specific areas of your project would you like help with?

I took a something-like-React way to dynamically render elements from localStorage into the My Documents section, I wonder if there's an easier way to do it.

Community feedback

  • Tharun Raj•1,330
    @Code-BeakerPosted 6 months ago

    Great! I have noticed that the filename is too dark and is almost impossible to see and read. Try a lighter color maybe?

    Marked as helpful
    0
    Koda👹•3,830
    @kodan96Posted 6 months ago

    @Code-Beaker

    ah yeah, I didn't notice it after overwriting the base colors for the dark mode. I'll fix it later, thanks 🙌

    1
  • Afolabi Quadri•110
    @afolabi-olaPosted 6 months ago

    nice project 🙌🙌

    1
    Koda👹•3,830
    @kodan96Posted 6 months ago

    @afolabi-ola

    Thanks, your job-listing project looks great asw! 👌

    0
    Afolabi Quadri•110
    @afolabi-olaPosted 6 months ago

    @kodan96 Thanks for checking it out 🫡

    1
  • alexander•1,300
    @alex931dPosted 6 months ago

    Nice project! Keep up the great work!

    1
    Koda👹•3,830
    @kodan96Posted 6 months ago

    @alex931d

    Thanks, can't wait to see your next project! 🤙

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord