Win Notely

tekna dev

About this app

Win Notely is a note app for creating, editing, saving, reviewing, and deleting text notes. Each note includes a title and body, and saved entries appear in a list with a preview and last edit time.

📝 CREATE NOTES

Tap the add button in the header to start a new note.

The editor includes:

• Title field
• Main text area
• Save note action
• Clear action

Enter a title, body text, or both before saving.

If the title is empty but the body contains text, the saved entry appears in the list as Untitled note.

✏️ EDITING NOTES

Tap a saved note in the list to open it in the editor.

When a saved entry is open, the editor shows Editing mode and the time when the note was last changed.

Change the title or body and tap Save note to update the stored note.

Starting a new entry shows New note and a not saved yet status until the note is saved.

Tap Clear to remove the current title and body from the editor.

Clear does not delete saved notes from the notes list.

💾 SAVE AND UPDATE

Tap Save note to store the current note.

If both the title and body are empty, Win Notely displays a message asking you to add a title or text before saving.

After a successful save, a confirmation message appears on the screen.

When an existing note is edited and saved again, its stored content and last edit time are updated.

🗑️ DELETE NOTES

The delete action is available while a saved note is open.

Tap delete to remove the current note.

Win Notely asks for confirmation before the saved note is deleted.

After confirmation, the note is removed from the list.

📋 NOTES LIST

Saved notes appear in a scrollable list sorted by the most recent edit time.

Each note card displays:

• Note title
• Short preview from the beginning of the note text
• Date and time of the latest edit

Tap a card to open that note in the editor.

The selected note uses a highlighted state so the active entry can be identified.

A counter above the list shows the current number of saved notes.

When no saved notes are available, Win Notely displays an empty-state message indicating that a new note can be created.

🎨 VISUAL STYLE

Win Notably uses a dark interface with cyan, pink, and lime accent colors.

The background includes a subtle grid pattern.

Panels use rounded corners and soft borders.

Text fields use visible focus states while typing.

Buttons and note controls are arranged for touch input on mobile screens.

📱 RESPONSIVE LAYOUT

On wider screens, the notes list and editor can appear side by side.

On smaller screens, the notes list appears above the editor in a vertical arrangement.

👆 MAIN CONTROLS

The primary actions in Win Notably are:

• Add - start a new note
• Select note - open a saved entry
• Save note - save a new note or update an existing one
• Clear - clear the current editor fields
• Delete - remove the currently opened saved note after confirmation

Short status messages can appear after saving or deleting a note and when required input is missing.

🔄 NOTE WORKFLOW

Open Win Notely and review the saved notes list.

Tap the add button to start a new entry or select an existing note from the list.

Enter or edit the title and body text.

Tap Save note to store the current content.

Saved notes appear with a title, preview, and latest edit time.

Select a saved note later to edit it again.

Use Clear to empty the current editor fields without deleting saved entries.

Use Delete when a saved note is open and confirm the action to remove it.

Win Notely stays centered on the same note workflow: create text notes, save them, review previews in the list, reopen entries for editing, clear the editor when needed, and delete saved notes with confirmation.