- Create, Read, Delete and Update notes.
- Mobile responsive
- Notes are stored using Local storage.
- Preview mode
- Light and Dark mode
Technical sheet code
- Build using React js, typescript and vite build tool.
- Used markdown-it node package to parse markdown syntax to HTML.
- Faced the issue of prop drilling, later implemented state management using native context api.
- Able to select a different font.
- Scroll sync between markdown and preview.
- Support for Code highlighting.
- The designs are from a frontend mentor challenge
Frontendmentor is a platform offering, some free and paywalled professional designs for frontend developers to create stunning projects to showcase in their portfolios.
- All the icons used in the project are from Remix icons