A board where you can create, move, resize and delete sticky notes — built
with React, TypeScript and Vite. There's no real backend: CRUD operations
are mocked over localStorage behind an artificial-latency REST-like API.
npm install
npm run devOpen the printed local URL in Chrome, Firefox or Edge (minimum window size 1024×768).
- Create a note — click and drag on the empty board.
- Move a note — drag it by the thin strip at its top.
- Resize a note — drag any of its four corner handles.
- Edit text — click into the note body and type.
- Change color — click the small swatch in the note's header to pick a preset color or use the native color picker for a custom one.
- Delete a note — drag it onto the trash can (bottom-right) and confirm in the dialog that appears.
| Command | What it does |
|---|---|
npm run dev |
Start the dev server |
npm run build |
Typecheck + production build |
npm run preview |
Preview the production build |
npm run lint |
ESLint |
npm run format |
Prettier (writes changes) |
npm run typecheck |
TypeScript, no emit |
npm run test |
Run the Vitest suite once |
npm run test:watch |
Vitest in watch mode |
CLAUDE.md— conventions and alignment for AI-assisted work on this repo.docs/architecture.md— data flow, interaction model, folder structure.docs/PROMPTS.md— log of prompts used to build this project.