Vision
Note Management is a simple web application for creating and managing personal notes. The user can create notes, edit them, view saved records and filter them by category.
The application is available without registration and login. It is designed for simple everyday use.
Products
Entity Relationship Diagram
CATEGORY
id (PK)
name
color
name
color
1
N
NOTE
id (PK)
title
content
status
created_at
category_id (FK)
title
content
status
created_at
category_id (FK)
One category can contain many notes.
Product Details
Product 1
Category
Category represents a group where notes are organized. It helps the user sort notes.
| Name | Description |
|---|---|
| id | Unique identifier of the category. Primary key. |
| name | Name of the category, for example School, Work or Personal. |
| color | Optional color used for better visual organization. |
Product 2
Note
Note represents one saved record created by the user. A note belongs to one selected category.
| Name | Description |
|---|---|
| id | Unique identifier of the note. Primary key. |
| title | Short title of the note. |
| content | Main text of the note. |
| status | Current status of the note. |
| created_at | Date and time when the note was created. |
| category_id | Foreign key that connects the note to a category. |
Business Use Cases
View Notes Overview
Pre-conditions:
The application is open and there are saved notes in the system.
The application is open and there are saved notes in the system.
Post-conditions:
The user sees all notes with their categories.
The user sees all notes with their categories.
Happy day scénář
- User opens the notes page.
- System loads saved notes.
- System displays the notes.
- User reviews the records.
Add a New Note
Pre-conditions:
The user is on the notes page and categories are available.
The user is on the notes page and categories are available.
Post-conditions:
A new note is created and shown in the notes list.
A new note is created and shown in the notes list.
Happy day scénář
- User clicks on "New Note".
- System opens the form.
- User enters title and content.
- User selects a category.
- User clicks save.
- System stores the note.
Edit an Existing Note
Pre-conditions:
At least one note already exists.
At least one note already exists.
Post-conditions:
The selected note is updated.
The selected note is updated.
Happy day scénář
- User selects a note.
- System opens note details.
- User changes the data.
- User saves changes.
- System updates the note.
Filter Notes by Category
Pre-conditions:
The notes page is open and categories exist.
The notes page is open and categories exist.
Post-conditions:
Only notes from the selected category are displayed.
Only notes from the selected category are displayed.
Happy day scénář
- User selects a category filter.
- System applies the filter.
- System displays matching notes.
- User can clear the filter.
- System shows all notes again.
Workflow Maps
User Story 1 – View Notes Overview
1User opens the notes page.
2System loads saved notes.
3System shows notes with categories.
4User reviews the records.
User Story 2 – Add a New Note
1User clicks "New Note".
2System opens the form.
3User enters note data.
4User saves the note.
5System validates and stores the note.
User Story 3 – Edit an Existing Note
1User selects an existing note.
2System opens note details.
3User edits the data.
4User saves changes.
5System updates the note.
User Story 4 – Filter Notes by Category
1User selects a category.
2System filters notes.
3System displays matching notes.
4User clears the filter.
5System displays all notes again.