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

Markdown Editor - React Typescript

#mongodb#node#react#typescript#express
P
Chamu 12,970

@ChamuMutezva

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


My focus on this challenge was to practice a bit of backend staff, I needed the knowledge to enable to create my own Fullstack applications and gain some knowledge on the integration of backend and frontend.

Hence this is my first MERN application. There is some changes and improvements that still needs to be done and will welcome your feedback. Notably the dark-mode switch is not as per design - might work on it .

As it is a MERN application, the Frontend was created using obviously React. Some features that where interesting to work with include the MarkdownView from the react-showdown package. The readme file has a guideline on the implementation process. Another exciting feature to work with was the FocusTrap from focus-trap-react . FocusTrap was needed to avoid Focus being lost especially when the Modal has been open due to edit and delete features.

The Backend was exciting with a lot of things to learn. I am glad that this gave me some insights on how to hide Secret keys and data.

Community feedback

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