Editor Design
The goal of this project was to build a modern Markdown editor that combines the simplicity of plain text with the power of a WYSIWYG interface. I chose Tiptap for its flexibility and seamless integration with React. The interface was designed to be intuitive and minimalistic, providing a smooth and enjoyable writing experience for both technical writers and developers.
Custom Toolbar and Markdown Shortcuts
The editor includes a custom toolbar that allows users to easily apply formatting such as bold, italic, headings, lists, and quotes. Native Markdown shortcuts are also supported to enable fast and natural writing. All UI components are styled with SCSS to ensure visual consistency and responsive behaviour across different screen sizes.
