feat: add interactive tutorial onboarding flow#605
feat: add interactive tutorial onboarding flow#605Mailos07 wants to merge 4 commits intoscribe-org:mainfrom
Conversation
Thank you for the pull request! 💙🩵The Scribe-Android team will do our best to address your contribution as soon as we can. The following are some important points:
Note Scribe uses Conventional Comments in reviews to make sure that communication is as clear as possible. |
Maintainer ChecklistThe following is a checklist for maintainers to make sure this process goes as well as possible. Feel free to address the points below yourself in further commits if you realize that actions are needed :)
|
There was a problem hiding this comment.
First PR Commit Check
- The commit messages for the remote branch should be checked to make sure the contributor's email is set up correctly so that they receive credit for their contribution
- The contributor's name and icon in remote commits should be the same as what appears in the PR
- If there's a mismatch, the contributor needs to make sure that the email they use for GitHub matches what they have for
git config user.emailin their local Scribe-Android repo (can be set withgit config --global user.email "GITHUB_EMAIL")
Contributor checklist
./gradlew lintKotlin detekt testcommand as directed in the testing section of the contributing guideDescription
Adds an interactive tutorial onboarding flow accessible from the About tab, based on the Figma designs for the tutorial screens. The tutorial guides new users through Scribe's core features with hands-on practice rather than passive video.
Discussed and approved by @andrewtavis on Matrix prior to implementation.
Changes
TutorialHomeScreen— landing page with chapter list and "Start full tutorial" buttonTutorialStepScreen— reusable interactive lesson component with input validation and Scribe keyboard detectionTutorialNavigator— navigation controller managing flow between chapters and stepsWrongKeyboardScreen— guides users to switch to a Scribe keyboard when a non-Scribe keyboard is active, with a focused input field that triggers the system keyboard for easy switchingAboutScreen— adds a "Start full tutorial" button to launch the tutorial flowTutorial chapters
Notes
Related
References discussion on Matrix where this in-app guided onboarding tutorial was discussed and approved by @andrewtavis prior to implementation.
Related issue