Skip to content

Teacher Workout Mobile flow

catileptic edited this page Jun 21, 2021 · 6 revisions

The UI for the mobile application is in the Figma document.

In order to export an image from the Figma document, make sure you have the Move selection mode active, click on that image, the select Export in the right-hand side of the screen. Click the + icon and export the assert. Here's a screenshot of the process.

Account Creation

This is the Figma flow for the account creation. Open the Figma doc in order to follow along.

A user can create an account using:

  • their e-mail address and password - an e-mail is sent to their address in order to confirm their account
  • Google OAuth 2.0 flow
  • Facebook OAuth

If a user is not logged in and opens Teacher Workout, the first screen they see is this one.

Once a user logs into Teacher Workout, they are taken to their Home screen.

After a user creates an account and verifies their e-mail address / completes the Google / Facebook account creation flow, they go through several Onboarding screens. All they have to do is click Next. If they quit the app during the Onboarding process, the next time they open the app and log in, they are taken back to the Onboarding process. They can't access any other part of the app until they have gone through the Onboarding screens.

After the Onboarding process, a user is taken to the lesson domains listing, in the Figma screen called First time user - home screen. After they see this screen once, a successful log in takes them to their Home screen.

Lesson Flow

User Profile Flow

General Purpose Flows

These three general purpose buttons, which exist in the footer of every screen, lead the user to the following sections:

Clone this wiki locally