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

In-browser markdown editor - React, Typescript, localStorage

P

@MaciekLichon

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


React, Typescript, SCSS, localStorage

Community feedback

@enzo-mir

Posted

Hello ! All of the app is nicely coded the one thing I have to say is :

  • When the Editor/preview space is scrolling try to fix the sidebar to the viewport height and maybe make a scroll in the sidebar if you have too much markdown.

And if you can telle me what is the code/component to make others preview when you use `` or ####, i'll appreciate :). Nice challenge !

0

P

@MaciekLichon

Posted

Thanks for the suggestion, it's a valid point, especially if you think about not loosing track of the theme toggle button. I did actually consider it during the implementation but I decided to follow the design for this one.

When it comes to the preview, I used the 'react-markdown' package to read the input.

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