Development history

Version History

What changed in each release, with key development milestones highlighted along the way.

Version 28

Connected the official beatlabo.com website to the existing Cloudflare Pages project and configured www.beatlabo.com to redirect to the primary domain; Mode Shuffler remains the app name in both languages.
Anchored the FR / EN selector at the top-right of the practice app on phones and tablets, keeping its controls and appearance.
Added best-effort portrait orientation locking for installed phone apps and a bilingual rotate-phone message if the platform cannot lock; tablets still support portrait and landscape.
Enlarged the secondary English-letter note shown beneath French note names on tablets, in both orientations.
Updated the Android robot credit with Google’s recommended attribution, a French equivalent, and a Creative Commons 3.0 link; the V27 commercial audit remains a technical review rather than legal clearance.
Aligned website canonical URLs and refreshed the offline PWA cache for the new release. Paid-access verification and artwork provenance documentation remain separate follow-ups.

MILESTONEOfficial BeatLabo domain launched

Version 27

Kept Mode Shuffler as the app name in both English and French, and matched the app header colors to the landing page.
Enlarged tablet musical information while keeping identical note, mode, interval and next-challenge text sizes in portrait and landscape; refined orientation-specific spacing.
Standardized the four tablet-landscape practice-setting field heights: Tempo, Change every, Randomize and Root note pool.
Removed the redundant 4/4 · 7 modes label from the practice app on smartphones and tablets.
Refined version-history milestone criteria; V26 remains documented as an improvement release rather than a separate milestone.
Completed a static commercial licensing audit of the V27 production files. No obvious third-party software, recorded-audio, or font licensing obstacles were identified; this was not a legal clearance.
Recorded follow-ups for paid distribution: refine Android robot attribution, preserve app icon and SVG creation records, and design payment verification and access control.

MILESTONECommercial licensing audit completed

Version 26

Standardized branding on the landing page and practice app, including the Bass Practice App / App entraînement bass label and a consistent three-part motto.
Placed French before English in the language selectors and added a discreet V26 indicator beside the name for testing.
Rewrote the landing-page introduction to emphasize musical mode knowledge, note recognition, timing and groove, while removing duplicate beta and device-support wording.
Added a compact, dismissible installation reminder within the tablet challenge window when used in a browser; installed apps do not show it.
Added safe-area spacing for the iPad status bar when running the installed app, and polished the French feature heading.

Version 25

Integrated the tablet workspace into the main app while preserving the approved smartphone interface.
Added a dedicated tablet layout: a two-column practice workspace in landscape and a compact portrait layout with horizontally swipable settings cards.
Upgraded the landing page to support smartphones and tablets, including tablet-specific hero layouts, onboarding refinements, and an added Hear the Mode feature card.
Generalized installation language from phone-specific wording to device-friendly wording for Apple and Android.

MILESTONETablet support integrated across the app and landing page

Version 24

Added an optional Hear the Mode control beside Practice Settings.
Introduced synthesized bass playback of eight ascending notes per 4/4 measure, following the current root and mode and repeating across multiple measures.
Used a movable bass-fretboard register starting at low G, with phone-speaker-friendly tone and a fixed 50% low-note presence setting. No extra sound selector or slider.

MILESTONEHear the Mode — audible scale practice

Version 23

Added a bilingual version-history page with entries for every release from V1 to V23.
Made only the version number in the landing-page footer link to the changelog, without changing its visual appearance.
Included development milestones within their respective release entries.

Version 22

Replaced the distorted offline indicator with a clean Wi-Fi-off symbol.
Simplified the smartphone-support notice into a compact, unboxed icon-and-text layout.

Version 21

Added bilingual Android/iPhone smartphone-support information, with tablet support noted as in development.
Improved feature-icon proportions and introduced an offline Wi-Fi symbol.
Reduced extra spacing within the second getting-started card and subtly brightened bold installation choices.

Version 20

Removed the one-bar count-in option and its timing logic; challenges start on the first beat.
Moved the “DON’T FORGET!” sticker within Step 2 while keeping equal gaps between the three cards.
Bolded installation-menu choices in both languages and improved the Android clarification and attribution placement.

Version 19

Repositioned the “DON’T FORGET!” sticker, strengthened the installation-guide link, and outlined the header app icon.
Improved Android and iPhone installation steps with platform and menu icons and clearer browser choices.
Made the in-app browser installation reminder subtly greener and more noticeable.

Version 18

Introduced a prominent three-step getting-started section and moved the main app button beneath it.
Added a dismissible installation reminder for users opening the practice app in a browser.
Refined the landing-page layout and explained the free early-access beta.

MILESTONEOnboarding & installation experience

Version 17

Added the “Show mode number only” exercise option, using large Roman numerals for current and upcoming modes.
Refined the brightness of the PWA app-icon accent.

Version 16

Improved iPhone audio startup, interruption recovery, and silent-switch handling where supported.
Refined Android maskable home-screen icons and PWA compatibility.

Version 15

Transformed the standalone practice page into an installable progressive web app (PWA).
Created the first bilingual landing page, app manifest, home-screen icons, and offline service worker.
Prepared the site and app for Cloudflare Pages deployment.

MILESTONEInstallable PWA & first website

Version 14

Simplified English note display to the letter name; kept the French note with its smaller English equivalent in French mode.

Version 13

Introduced the charcoal-dark and neon-lime visual palette used by the app today.

MILESTONEVisual identity established

Version 12

Tried a muted olive/green visual palette in place of the earlier dark blue/aqua theme.

Version 11

Reworked the fifth drum style into a slower roots-reggae one-drop rhythm.
Refined synthesized drum sounds and timing details.

Version 10

Added a separately controlled synthesized drum-groove engine with five selectable styles.
Added a drum-beat volume control independent of the metronome and guitar chord drone.

MILESTONEDrum grooves introduced

Version 9

Changed the mode-number indicator from Arabic numerals to Roman numerals I–VII.
Improved the position and prominence of the small mode-number indicator.

Version 8

Added a small numeric indicator beside the currently displayed mode name.

Version 7

Moved the upcoming-challenge preview into a discreet single line beneath the active note and mode.

Version 6

Added an optional preview of the next randomized root and mode before the next change.
Coordinated the upcoming preview with the challenge generated for playback.

Version 5

Refined the guitar-chord drone with softer harmonics, smoother fades, and subtle vibrato.
Added a subtle room-like acoustic character to the synthesized guitar sound.

Version 4

Replaced the single root-note drone with a softly strummed guitar chord that follows the selected mode.
Used major, minor, or diminished chord quality as appropriate, with an independent volume control.

MILESTONEMode-aware guitar chords

Version 3

Introduced a full French/English language switch for the practice interface.
Translated settings, instructions, mode names, and accessibility labels.

MILESTONEBilingual practice interface

Version 2

Second archived standalone build. The available V1 and V2 HTML files are identical; no distinct functional change could be verified.

Version 1

Created the first working browser-based Mode Shuffler for musical root-and-mode practice.
Included adjustable BPM, 1–4-measure changes, selectable modes, note pools, metronome, root-note drone, and saved settings.

MILESTONEFirst working Mode Shuffler