Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 3 years ago

Markdown Editor - React Typescript

mongodb, node, react, typescript, express
Chamu•13,890
@ChamuMutezva
A solution to the In-browser markdown editor challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Chamu's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License