Create, edit and tag notes with instant search.
Difficulty: Intermediate · Technology: React, local storage
Features to build
- CRUD for notes
- Tag filter
- Search
- Dark mode
Step-by-step build plan
- Model a note with title, body and tags
- Create, edit and delete notes
- Filter by tag and search text
- Persist to local storage
- Add a dark mode toggle that remembers the choice
The part most people find hard
Editing state cleanly without duplicating notes.
How to test it
Create fifty notes and check the search speed.
Suggested extensions
Add user accounts, better error handling, automated tests and a README with screenshots. Each extension is a new talking point in interviews.
How to describe it on your resume
Built a React notes application with tagging and local persistence.
Portfolio tip
Deploy it, link both the live version and the code, and write two paragraphs about what you learned and what you would improve.