Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Functional In-browser Markdown Editor ๐Ÿ“Œ๐Ÿ“Œ w/HTML, CSS & JS

P
Koda๐Ÿ‘นโ€ข 3,810

@kodan96

Desktop design screenshot for the In-browser markdown editor coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

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,250

@Code-Beaker

Posted

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

P
Koda๐Ÿ‘นโ€ข 3,810

@kodan96

Posted

@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โ€ข 70

@afolabi-ola

Posted

nice project ๐Ÿ™Œ๐Ÿ™Œ

1

P
Koda๐Ÿ‘นโ€ข 3,810

@kodan96

Posted

@afolabi-ola

Thanks, your job-listing project looks great asw! ๐Ÿ‘Œ

0
Afolabi Quadriโ€ข 70

@afolabi-ola

Posted

@kodan96 Thanks for checking it out ๐Ÿซก

1
P
alexanderโ€ข 1,300

@alex931d

Posted

Nice project! Keep up the great work!

1

P
Koda๐Ÿ‘นโ€ข 3,810

@kodan96

Posted

@alex931d

Thanks, can't wait to see your next project! ๐Ÿค™

1

Please log in to post a comment

Log in with GitHub
Discord logo

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