Key Features
- Create, Read, Delete and Update notes.
- Mobile responsive
- Notes are stored on Local storage.
- Preview mode
- Light and Dark mode
Technical Architecture
- Build using React, Typescript and Vite.
- Used markdown-it node package ↗ to parse markdown syntax to HTML.
Learnings
- Faced the issue of prop drilling, later implemented state management using native context api ↗.
Future Roadmap
- Able to select a different font.
- Support for Syntax highlighting using shiki ↗
Attributions
- All the icons used in the project are from Remix icons ↗
- 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.