Markdown is a lightweight markup language that you use to add formatting elements to plaintext text documents.
I decided to create this editor because I found this challenge to be interesting and it was fun creating it. For UI components I have used prime react and to store the user data local storage has been used.
For home page animation Framer motion have been used, even though there is no complex animation still I wanted to try framer motion.
- Live preview
- User can adjust the markdown area and preview area.
- responsive layout.
- User can save and edit the file name.
- User can save their work.
- User can delete their saved work.
- User can view the preview of thier markdown.
React.js : 18.2.0
Redux Toolkit : 1.8.5
framer-motion : 7.5.3
react-router-dom: 6.4.1
sass : 1.55.0
primereact : 8.6.1