In-browser markdown editor - HTML, SCSS, TypeScript, localStorage, RWD

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

I am proud of the TypeScript stuff I have made to code the way of converting Markdown to HTML and implement some tests trying to follow the principles of TDD. Event though my implementation is basic, I am anxious to later develop my Markdown-to-HTML script to take more advanced and complex syntax and situations into consideration.

What challenges did you encounter, and how did you overcome them?

To display the markdown editor, I first used the textarea element, but I wanted to expand it all over the available height. The easiest way to do it is to use the field-sizing: content CSS declaration; but, the field-sizing property is not supported by Firefox and Safari (Firefox 131- and Safari 18- at the time when I wrote these lines). So, instead of textarea, I used a div with the contenteditable attribute set to "true".

I was also quite hard to find a way of hiding the sidebar and the preview without any overflow using grid layout at the same time. It cost me quite much time, but I managed to overcome that.

What specific areas of your project would you like help with?

Feel free to give me feedback about the class I coded to manage the Markdown-to-HTML conversion and about the tests I implemented.