From the above document, we can extract the following requirements.
- 1. Create a new note of the specified size at the specified position.
- 2. Change note size by dragging.
- 3. Move a note by dragging.
- 4. Remove a note by dragging it over a predefined "trash" zone.
- 5. Entering/Editing note text.
- 6. Moving notes to front
- 7. Saving notes to local storage
- 8. Different note colors
- 9. Saving notes via async API
Using the above Requirements, we can come up with a Formal User Requirement Specification using Gherkin syntax.
See Figma.
To setup, run npm install
.
To view Storybook, run npm run storybook
.
To start the app, run npm start
.
Frontend tests use snapshot testing via Jest and Storybook.