feat: onboarding screen#792
Conversation
…ets, and refine study schedule localization.
github-actions
Bot
added
dependencies
There was a problem hiding this comment.
Pull request overview
This PR implements a comprehensive onboarding flow to introduce new users to N-of-1 studies and the StudyU app. The implementation includes a 6-page guided introduction with SVG illustrations, full internationalization support (English and German), and seamless integration into the app's navigation flow. When no active subject is found, users are now directed to this onboarding experience before reaching the welcome screen.
Key changes:
- Added new
OnboardingScreencomponent using theintroduction_screenpackage with 6 informational pages - Implemented complete localization support with 12 new translation keys in English and German
- Updated routing and navigation flow to redirect users without an active subject to onboarding first
Reviewed changes
Copilot reviewed 11 out of 18 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
app/lib/screens/app_onboarding/onboarding_screen.dart |
New onboarding screen implementation with 6 pages explaining N-of-1 studies |
app/lib/screens/app_onboarding/loading_screen.dart |
Updated to redirect to onboarding instead of welcome when no subject found |
app/lib/routes.dart |
Added new /onboarding route registration |
app/pubspec.yaml |
Added introduction_screen dependency and registered onboarding assets |
pubspec.lock |
Updated with new dependencies for onboarding package and its transitive dependencies |
app/lib/l10n/app_en.arb |
Added 12 new English localization keys for onboarding content |
app/lib/l10n/app_de.arb |
Added 12 new German localization keys for onboarding content |
app/lib/l10n/app_localizations.dart |
Generated localization class with new onboarding getters |
app/lib/l10n/app_localizations_en.dart |
Generated English localization implementations |
app/lib/l10n/app_localizations_de.dart |
Generated German localization implementations and removed extraneous blank line |
designer_v2/lib/localization/app_localizations_en.dart |
Updated study schedule description to clarify ABBA pattern |
designer_v2/lib/localization/app_localizations_de.dart |
Updated German study schedule description to match English changes |
app/assets/images/onboarding/page1.svg - page6.svg |
New SVG illustrations for each onboarding page |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
|
Visit the preview URL for this PR (updated for commit 0db8a53):
(expires Tue, 24 Mar 2026 10:50:17 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: 2149dad49ed83535217e50d5c18c0c8c90da629b |
|
| GitGuardian id | GitGuardian status | Secret | Commit | Filename | |
|---|---|---|---|---|---|
| 23178981 | Triggered | JSON Web Token | c9e657a | flutter_common/lib/envs/.env.dev | View secret |
🛠 Guidelines to remediate hardcoded secrets
- Understand the implications of revoking this secret by investigating where it is used in your code.
- Replace and store your secret safely. Learn here the best practices.
- Revoke and rotate this secret.
- If possible, rewrite git history. Rewriting git history is not a trivial act. You might completely break other contributing developers' workflow and you risk accidentally deleting legitimate data.
To avoid such incidents in the future consider
- following these best practices for managing and storing secrets including API keys and other credentials
- install secret detection on pre-commit to catch secret before it leaves your machine and ease remediation.
🦉 GitGuardian detects secrets in your source code to help developers and security teams secure the modern development process. You are seeing this because you or someone else with access to this repository has authorized GitGuardian to scan your pull request.
johannesvedder
left a comment
johannesvedder
left a comment
There was a problem hiding this comment.
I made some changes to improve the wording and shortened the number of pages a bit to 5. Also added a page 0 as a welcome screen with studyu logo. And I disabled the welcome screen (i.e. took it out of the flow, but still kept it) since I don't think it's necessary anymore.
This pull request introduces a new onboarding flow to the app, providing users with a multi-page introduction that explains the concept and benefits of N-of-1 studies and how StudyU works. It adds internationalized content for both English and German, updates routing to support the onboarding, and ensures users see the onboarding screen when no subject is found. Additionally, it includes minor localization improvements and dependency updates.
Onboarding flow implementation:
OnboardingScreenwith a multi-page introduction using theintroduction_screenpackage. The onboarding covers what an N-of-1 study is, its importance, how it works, what StudyU provides, personal results, and instructions to start the journey. Each page supports both English and German, and includes SVG illustrations. Users can skip or complete onboarding, after which they are routed to the welcome screen. (app/lib/screens/app_onboarding/onboarding_screen.dart,app/pubspec.yaml,app/lib/routes.dart,app/lib/screens/app_onboarding/loading_screen.dart, [1] [2] [3] [4] [5] [6] [7]Localization and internationalization:
app/lib/l10n/app_en.arb,app/lib/l10n/app_de.arb,app/lib/l10n/app_localizations.dart,app/lib/l10n/app_localizations_en.dart,app/lib/l10n/app_localizations_de.dart, [1] [2] [3] [4] [5]Dependency management:
introduction_screenpackage topubspec.yamlto enable the onboarding flow. Also registered the new onboarding image asset directory. [1] [2]Routing and navigation:
/onboardingroute, and changed the loading screen to redirect to onboarding (instead of the welcome screen) when no subject is found. [1] [2] [3]Localization improvements (unrelated to onboarding):
designer_v2/lib/localization/app_localizations_en.dart,designer_v2/lib/localization/app_localizations_de.dart, [1] [2]