← All projects

Intermediate project

Notes App

Create searchable notes with local persistence — a smaller sibling of the Task Manager project.

The problem

Notes apps exercise CRUD, search, and persistence together without the added complexity of filtering by status.

User stories

  • As a user, I want to create, edit, and delete notes, so I can capture my thoughts.
  • As a user, I want to search my notes by content, so I can find one quickly.

Planning checklist

  • Define the note data shape (id, title, body, updatedAt)
  • Decide the search matching strategy (title only, or title + body)

Suggested data structure

const note = { id: "n1", title: "", body: "", updatedAt: Date.now() };

UI requirements

  • A list of notes with a search box
  • A note editor for creating and updating

Build milestones

Check off each milestone as you complete it — saved to this device.

…

0%

Testing checklist

  • Search correctly matches partial, case-insensitive text
  • Deleting a note removes exactly one note

Completion criteria

…

0%

Progressive support

RequirementsPlanningStarterHintsReference Solution
Bonus features
  • Add markdown rendering
  • Add tags/categories
  • Add a trash/undo-delete state