Earth Academy

Landing Page

User arrives at landing page, and can get:

1. An overview of the app

2. An overview of the project

3. Contributors / Becoming a contributor

The page is divided into the above sections, with a call to action button to register.

A login button can be clicked at the top left corner

Login/Register Page

A user can login with a username and password

A user can switch to registration from this page: email, name and password.

A user has an option to recover a lost password

Use OAuth Signups ??

Will need all forms to be GDPR compliant.

Home Dashboard

A user can view stats:

• Time Spent in App

• Progress in course / courses and option to continue course

• Time estimate to complete course

• Latest Badge / Achievement

A user can select recommended courses to enroll in.

Profile Page

A user can view stats and information about profile:

• Courses Completed

• Learning Streaks

• Quiz Scores with the option of retaking the Quiz

• Badges Earned

A user has the option to change Profile information:

• Contact info
• Description
• Profile Picture

Learning Page / Section

A user can see in what course they are currently

The last slide a user was on is displayed with previous and next buttons

A button to go back to home page

Save Progress Button: if user exits a course without completing it, they can do it through a "save and exit " button. IF the user exits via back button or just leaving the page, show alert that they will lose current progress.

Quiz Page / Section

Multiple Choice Quiz Questions displayed one after the other in the same card style as learning page

Next button to check answer, add to total if needed and move to next question

Cancel Button

Result Card suggesting redo module of below a certain score achieved