Manual

PathToPractice online manual

Her finder du hele manualen samlet ét sted. Indholdet er delt med app-versionen, så teksten altid er opdateret begge steder.

1. Login & Create Account

How to log in, create an account, reset your password, and use two-factor authentication (2FA).

1

Open the app: Go to the login page. You will see the PathToPractice logo, a login card, and a language switcher in the top-right corner. If Open Beta is active, a green banner announces free Pro access.

2

Log in: Enter your email and password (minimum 6 characters) and click "Log in". The button shows "Please wait..." while logging in. If you are already logged in, you are automatically redirected to the dashboard.

3

Log in with Google: Click "Continue with Google" to sign in via your Google account. No separate password is needed.

4

Two-factor authentication (2FA): If you have enabled 2FA in Settings, you will see an extra popup after login. Enter the 6-digit code from your authenticator app (e.g. Google Authenticator) — or a one-time backup code. Click "Verify" to continue. Click "Cancel" to sign out.

5

Create account: Click "Don't have an account? Create one here" below the login form. Fill in email, first name, last name, and password (minimum 6 characters). Accept the terms by checking the box — the terms open in a popup where you can read all 12 sections. Complete the Turnstile challenge ("I am not a robot") and click "Create account".

6

Confirm email: After signing up you will see "Check your email to confirm your account!". Open your inbox and click the confirmation link. You can only log in after confirming. If you try to log in before confirming, you will see an error with an option to resend the confirmation email.

7

Forgot password: Click "Forgot password?" on the login page. Enter the email you signed up with and submit. You will see "Email sent!" with instructions to check your inbox.

8

Reset password: Open the link from the email — you will be taken to a page where you enter a new password and confirm it (both fields, minimum 6 characters). Click "Reset password". On success a green banner shows "Password reset!" and you are automatically redirected to the login page after 2 seconds.

9

Log out: Open Settings and click "Log out" at the bottom. You are taken back to the login page.

10

Error messages: If something goes wrong, a red error message appears at the top of the form — e.g. wrong password, email already in use, or missing fields. Read the message and try again.

11

Language: You can switch between Danish and English via the language switcher in the top-right corner of the login page. All text updates immediately.

12

Dark mode: The login page automatically follows your system theme (light/dark). You can change it manually under Settings → App after logging in.

The login page is the entry point. Existing users log in — new users click the link at the bottom to create an account.

Fill in all fields, accept the terms, and complete the "I am not a robot" challenge to create your account.

If 2FA is enabled, this popup appears after login. Enter the code from your authenticator app or use a backup code.

2. Dashboard and Navigation

How the dashboard is organized, how to navigate on desktop and mobile, customize sections and cards, use search, and manage notifications.

1

Dashboard overview: The dashboard is your home screen. It shows up to 10 sections — My Exercises, My Routines, Favorite Exercises, Favorite Routines, Shared Routines, Creator Feed, Community, For Students (teacher), From Teacher (student), and Teacher Routines (student). Which sections appear depends on your role and content.

2

Desktop layout: All visible sections are stacked vertically in a single scrolling column. Each section shows its exercises or routines in a card grid (2–3 columns depending on screen width).

3

Mobile layout: Only one section is shown at a time. Swipe left/right to switch between sections. A tab strip at the top shows which section is active. Dot indicators at the bottom let you jump to a specific section by tapping.

4

Action bar: At the top of the dashboard you will find buttons for "+ New Exercise" (blue), "+ New Routine" (green), "View Routines", and "View Exercises". On mobile, the new-exercise and new-routine buttons appear in a compact row. When you scroll down, a sticky bar with create buttons appears at the top of the screen.

5

Exercise cards: Each exercise card can show a video thumbnail or cover image, instrument badge, feature icons (YouTube, Metronome), practice status ("Ready!" or "In X days"), author, tags (up to 3), description, last practiced, next practice, and a mastery progress bar. You can toggle each field on or off per section — see "Customize Cards" below.

6

Routine cards: Each routine card shows the routine title, author, a favorite star, number of exercises, total duration, a preview of the first 3 exercises with instrument badges, practice status (last/next), a "Start Practice" button, and the last-updated date. Up to 6 routines are shown per section.

7

Favorites: Click the star icon on any exercise or routine card to add or remove it from your favorites. A toast confirms the action. Favorited items appear in the Favorite Exercises / Favorite Routines sections.

8

Filtering & sorting (exercise sections): Use the instrument dropdown to filter by instrument (e.g. Guitar, Piano). Use the tag filter to narrow down by one or more tags — multiple tags use AND logic. Active tags appear as removable pills. Sort options: "Next Practice", "Last Practiced", "Longest Ago", "Newest", "Title (A–Z)".

9

Grid vs. List view: Toggle between grid view (cards) and list view (compact rows) using the grid/list icon in each section header. List view shows a condensed row with instrument, title, author, tags, stats, and feature icons.

10

Customize Dashboard: Click "Customize Dashboard" (desktop) or the gear icon (mobile) to open the customizer. You can drag-and-drop sections to reorder them, or use the up/down arrows. Toggle the eye icon to show or hide a section. Changes apply live. Click "Reset to Default" to restore the original layout.

11

Customize Cards: Click "Customize Cards" to open the card field customizer. Choose which section to configure from the dropdown, then toggle each of the 10 card fields on or off. Use "Show All", "Hide All", or "Copy to All Sections" for quick changes. Changes auto-save.

12

Header: The top bar contains the logo, an optional mini metronome (enable in Settings → App), a search button, admin link (admin only), messages icon with unread count (desktop), notification bell with unread count, your profile picture + name (desktop), and a logout button.

13

Global search (⌘K / Ctrl+K): Press ⌘K (Mac) or Ctrl+K (Windows) to open search. Type to find exercises and routines by title, description, instrument, or tags. Results appear after a short delay. Use arrow keys to navigate results, Enter to open. Recent searches are saved and shown when the search is empty. Quick actions (New Exercise, New Routine, Settings) are available from the search panel.

14

Notifications: Click the bell icon to open the notification panel. On desktop it appears as a dropdown; on mobile it fills the screen. Each notification can be marked as read/unread or deleted. Use "Mark All Read" or "Clear All" at the top. Notifications update in real time.

15

Mobile bottom navigation: On mobile, a fixed bar at the bottom provides tabs for Home, Exercises, Routines, Messages (if available on your plan), and Profile. The active tab is highlighted. The Messages tab shows an unread count badge.

16

Empty states: If a section has no content, a helpful message is shown with a suggestion — e.g. "No exercises — Create Exercise" for an empty exercise section, or "No favorites — click the star on any exercise" for favorites.

17

Banners: If your account has a grace period (e.g. subscription cancelled, teacher removed), a yellow banner at the top shows the reason and days remaining with a link to subscription settings. During Open Beta, a green banner confirms your Pro access.

3. Global Search

How to use the search function to quickly find exercises, routines, and navigate the app with keyboard shortcuts.

1

Open search: Press ⌘K (Mac) or Ctrl+K (Windows/Linux) anywhere in the app. You can also click the search button in the header — on large screens it shows "Search..." with a ⌘K badge, on smaller screens just the magnifying glass icon.

2

The search modal: A centered dialog appears near the top of the screen with a search input, a scrollable content area, and a footer with keyboard hints.

3

When the input is empty: You see two sections — "Recent searches" (your last 5 searches) and "Quick actions". Recent searches let you repeat a previous search with one click. The "Clear" button removes all recent searches.

4

Quick actions (empty input): Five shortcuts are always available — "New exercise" (opens the create form), "New routine", "Exercises" (opens the exercise list), "Routines" (opens the routine list), and "Settings". Use arrow keys to highlight one and press Enter to go there.

5

Searching: Start typing to search. After a short pause (200 ms) the app searches your exercises and routines by title, description, instrument, and tags. Up to 5 exercises and 5 routines are shown.

6

Result display: Each result shows a type icon (blue for exercises, green for routines), the title, a type label ("Exercise" or "Routine"), and extra info — exercises show a colored instrument badge, routines show how many exercises they contain. A chevron arrow appears on the right.

7

Open a result: Click a result to navigate to it, or use the arrow keys to highlight it and press Enter. Exercises open at /exercise/{id}, routines at /routines/{id}. The search term is saved to your recent searches.

8

No results: If nothing matches your query, a message shows "No results" with your search term and a hint to try a different term.

9

Keyboard navigation: Use ↑/↓ (arrow up/down) to move the selection. Press Enter to open the selected item. Press Escape to close the modal. The selection wraps around from top to bottom and vice versa.

10

Close search: Press Escape, or click the dark backdrop outside the modal. The modal also closes automatically when you navigate to a result or quick action.

11

Recent searches: Your last 5 search terms are saved in the browser and shown when you open search with an empty input. Clicking a recent term fills the input and runs the search. Click "Clear" to remove all saved terms.

12

Loading indicator: While a search is running, a spinning indicator appears in the input bar next to where the ESC badge normally sits.

13

Mobile differences: On mobile, the ESC badge in the input is hidden. The modal stretches to nearly full width. All other features work the same.

4. Header & Mobile Navigation

Overview of the top header bar on desktop, the mobile bottom navigation, notifications, the feedback button, and other persistent UI elements.

1

The header bar: Every page displays a fixed header at the top. On the left you see the PathToPractice logo and app name — click it to return to the dashboard at any time.

2

Header metronome (desktop): If you enable "Show metronome in header" in Settings, a compact metronome appears in the center of the header (hidden on mobile). It has a play/pause button, −/+ buttons to adjust BPM, and small beat-indicator dots. If you play it outside of an exercise for more than 5 seconds, a standalone practice session is automatically logged.

3

Search button: On the right side of the header you find the search button. On large screens it shows "Search…" with a ⌘K badge; on smaller screens just the magnifying glass icon. Click it or press ⌘K (Mac) / Ctrl+K (Windows/Linux) to open the global search modal.

4

Admin button: If your account has the admin role, an Admin button appears after the search button. On desktop it says "Admin", on mobile it shows a crown emoji (👑). It links to the admin tools page.

5

Messages icon (desktop): If your subscription tier includes messaging (student, teacher, or school plans), a message icon appears in the header on screens ≥ 768 px. A red badge shows your unread message count (up to "9+"). Click it to go to Messages. On mobile this icon moves to the bottom navigation bar instead.

6

Notification bell: The bell icon is always visible in the header. A red badge shows how many unread notifications you have. Click it to open the notification dropdown.

7

Notification dropdown: Lists your recent notifications. Each item can be clicked to navigate to the related content. You can mark all as read (checkmark button), delete individual notifications, or clear all (trash button — requires a double-click to confirm). The panel also closes when you tap outside it.

8

Notification delivery: Notifications are delivered in real-time via a live connection. The app also checks for new notifications every 10 seconds as a fallback.

9

Profile link (desktop): On screens ≥ 768 px, your avatar (or a default user icon) and display name appear next to the bell. Click it to go to Settings. On mobile, use the Profile tab in the bottom navigation instead.

10

Logout button: The rightmost header icon logs you out. It clears your session, removes authentication tokens, and redirects you to the login page.

11

Mobile bottom navigation: On screens below 768 px, a fixed bar appears at the bottom of the screen with 4 or 5 tabs: Home, Exercises, Routines, Messages (if your tier includes messaging), and Profile. The active tab is highlighted in the app's primary color. The bar respects the safe area on devices with a home indicator (e.g. iPhone).

12

Messages badge (mobile): The Messages tab in the bottom bar shows the same red unread badge as the desktop header icon. Counts above 9 display as "9+".

13

Feedback button (desktop): On screens ≥ 768 px a round floating button appears in the bottom-right corner. Click it to open the support ticket dialog where you can submit bug reports, support requests, or feature suggestions, including file attachments.

14

Update banner (PWA): When a new version of the app is available, a small card slides in from the top-right corner with the text "New version available" and an "Update now" button. Click it to activate the update immediately, or dismiss it with the X button. The app checks for updates every 60 seconds.

15

Clock warning banner: If the app detects that your device clock is significantly out of sync, a yellow warning banner appears at the very top of the screen explaining the time difference and asking you to synchronize your system clock. This can prevent login issues. Dismiss it with the X button.

16

Responsive breakpoints summary: Below 640 px (mobile) the header is compact with smaller logo and icon-only buttons. At 640 px the logo grows, admin shows text, and the header metronome appears. At 768 px the messages icon and profile link appear in the header and the bottom navigation bar hides. At 1024 px the search button shows its full text label and keyboard shortcut badge.

5. Trash

How to recover deleted exercises and routines, permanently remove items, and understand the 30-day retention policy.

1

What goes to the trash: When you delete an exercise or a routine, it is not removed immediately. Instead it is soft-deleted and moved to the trash, where it stays for up to 30 days before being permanently purged.

2

Deleting an exercise: On the exercise detail page, click the red "Delete" button at the bottom. A confirmation dialog asks "Are you sure you want to delete this exercise?" — confirm to move it to the trash. A toast message confirms "Moved to trash" and you are redirected to the dashboard.

3

Deleting a routine: On the routine detail page, click the "Delete" button. A dialog asks "Delete routine? Are you sure you want to delete this routine?" — confirm to soft-delete it. You are then redirected to the routines list.

4

Opening the trash: On desktop, the exercises list and routines list each show a "Trash" link (trash can icon) in the top-right area. Click it to go to /trash. On mobile the link is not visible — tap the browser address bar and type /trash to navigate there directly.

5

Trash page layout: The page shows a red trash icon, the title "Trash", and a subtitle explaining that deleted items are kept for 30 days. Below that are two tabs — "Exercises" and "Routines" — each with a count of trashed items in parentheses.

6

Item cards: Each trashed item is shown as a card with its title, the time since deletion (e.g. "Deleted 3d ago"), and an amber warning showing how many days remain before auto-deletion (e.g. "Auto-deleted in 27 days"). Exercise cards also show an instrument badge.

7

Restoring an item: Click the "Restore" button (circular arrow icon) on any card. The item returns to your normal exercise or routine list with all its data intact. A toast confirms "Restored successfully".

8

Permanently deleting a single item: Click "Delete permanently" (trash icon) on a card. A confirmation dialog warns "Are you sure? This cannot be undone." — confirm to remove it forever. A toast confirms "Permanently deleted".

9

Emptying all trash: When there are items in the trash, a red "Empty trash" button appears at the top. Clicking it triggers a confirmation asking if you want to permanently delete all items. Confirming removes every trashed exercise and routine at once.

10

Empty state: When the trash contains no items, a gray trash icon and the text "Trash is empty" are shown. If only one tab is empty, you see "No deleted exercises" or "No deleted routines" in that tab.

11

30-day auto-delete: Items in the trash are automatically removed after 30 days from the deletion date. The countdown is displayed on each card so you always know how much time is left to restore an item.

12

Back navigation: The "← Back" link at the top-left of the trash page takes you to the exercises list.

6. Exercises

How to create, structure, update, and reuse exercises effectively.

1

Create exercises with clear titles and purpose-focused descriptions so they are easy to search and assign later.

2

Use notes, tabs/text, links, and attachments to keep all material in one place instead of spreading it across tools.

3

Use favorite markers for high-frequency exercises. This reduces navigation time in day-to-day practice sessions.

4

Edit existing exercises as goals evolve. Keep one exercise updated instead of creating many near-duplicates.

5

Use visibility and sharing controls to keep private exercises private and collaboration-ready exercises shareable.

7. Routines

How to build structured training sequences from multiple exercises.

1

Create routines when one exercise is not enough. A routine lets you define a complete session order in one place.

2

Add exercises in the intended sequence (warm-up → technical work → repertoire → cooldown, for example).

3

Reorder and refine routines over time to match progress level and short-term training goals.

4

Use favorite routines for repeated weekly structures and share routines when multiple users need the same plan.

5

Use routine pages as the practical "run mode" for sessions, instead of manually opening exercises one by one.

8. Metronome

How to use the built-in metronome — tempo, time signature, subdivisions, swing, tempo trainer, and more.

1

Start/stop: Press the round play button. The button glows green while the metronome is running.

2

Tempo (BPM): Use the −1 / +1 buttons to adjust by one beat. In full view you can also use −5 / +5 for faster jumps, or type the number directly into the BPM field. Tempo can be set between 20 and 300 BPM.

3

Tap Tempo: Press the TAP button in time with the desired speed. The metronome calculates the tempo from your last 4 taps. If more than 2 seconds pass between taps, it resets.

4

Tempo name: Below the BPM number, the classical tempo name is shown (e.g. Allegro, Andante, Presto) so you can easily relate to tempo markings.

5

Time signature: Choose the number of beats per bar (2–12) and the note value (e.g. 4 = quarter notes, 8 = eighth notes) via the dropdown menus. Default is 4/4.

6

Beat indicators: A row of dots shows each beat in the bar. The active dot glows green. Beat 1 (the downbeat) has an arrow marker. A green progress bar at the top shows how far through the bar you are.

7

Subdivisions: Choose between 1/4 (no subdivision), 1/8, 1/8T (triplets), 1/16, and 1/16T (sextuplet triplets). Subdivisions add extra clicks between the main beats.

8

Groove / Swing: When you select 1/8 or 1/8T, extra buttons appear — e.g. Straight, Swing, Dotted. Swing makes the second eighth note play slightly late, as in jazz. Straight = perfectly even.

9

Volume: Use the volume slider (the vertical bars) to adjust the volume. Click the speaker icon to mute/unmute. The metronome remembers your previous volume when you unmute.

10

Tempo trainer (advanced): Click "Show advanced" to open the tempo trainer. Set a start BPM and an end BPM, and choose a duration (e.g. 60 seconds). When you start the metronome, the tempo increases gradually from start to end over the chosen time. Perfect for building speed in a controlled way.

11

Display sizes: In the exercise editor you can choose between "Full" (all features visible) or "Compact" (small version with the most important controls). The metronome adapts automatically to the available space.

12

Metronome in the header: Under Settings → App you can enable "Show metronome in header". This gives you a mini metronome that is always visible at the top of every page — handy for quick practice without opening an exercise.

13

Metronome per exercise: When editing an exercise, you can enable the metronome and save the tempo, time signature, and subdivision. Next time you open the exercise, the metronome is ready with your saved settings.

14

With the recorder: If you have the audio recorder active on an exercise, you can enable "Auto-start metronome". The metronome then starts automatically when you press record — and stops again when the recording ends.

15

Practice time: The metronome counts as active practice time. If you use it from the header without an open exercise, a standalone practice session is saved automatically (sessions under 5 seconds are not counted).

9. Recorder, Player, and Sheet Music

How to use the other practice tools — audio recorder, music player, and sheet music/tab viewer.

1

Audio recorder: Press record to start a recording. Press stop to save. Your recordings appear in a list below the recorder.

2

Recording list: Keep old recordings to compare "before/after" over days or weeks.

3

Music player: Load and play back material. Use short loops of difficult passages for precision.

4

Sheet music/tab viewer: Keep the notation visible while you play, so you train reading and performing at the same time.

5

Combined workflow: Metronome + Sheet music + Recorder gives you a complete training loop — timing, reading, and self-evaluation.

10. Sharing, Roles, and Collaboration

How content sharing works across roles and what each user can access.

1

User roles (student, teacher, school, admin) define permissions and collaboration paths in the platform.

2

Use sharing to send exercises/routines to the right users without duplicating or re-creating content manually.

3

Distinguish clearly between "my content," "shared with me," and "shared by me" to avoid confusion in multi-user contexts.

4

For teaching flows, share targeted material with selected students so each learner receives relevant content only.

5

Review recipient visibility after sharing to confirm content appears exactly where expected.

11. Messages, Notifications, and Support

How communication works and how users follow updates and support threads.

1

Use Messages for user-to-user communication inside the app without switching to external channels.

2

Use notifications as your activity feed: unread counts and alerts help you catch updates quickly.

3

Use Support when you need product help, bug reporting, or feature suggestions with proper tracking.

4

Create support inquiries with clear subject + context + optional file attachment for faster resolution.

5

Follow each support ticket thread for updates instead of creating multiple duplicate requests.

12. Subscriptions, Licenses, and Admin

How plans, license access, and admin tools are used in real scenarios.

1

Subscriptions and license states determine which features and role capabilities are active for each user.

2

Use settings/subscription pages for billing status checks, plan changes, and access verification.

3

Use admin tools for user management, plan controls, campaign management, and operational support.

4

When troubleshooting access, always verify role, active plan, and license linkage before changing account data.

5

Document admin actions consistently so support and product teams can trace major account changes.