Clone Duolingo GUI and mock backend - Midterm

Course Screen displays When click 'GET STARTED' in the Welcome Screen

displays when clicking any course node in the Course Screen.

The original app will have different lesson depending on what node was clicked.

With a linear progress bar updating as the 'CONTINUE' button is clicked (mocking the original app lesson but with no answer validation).

After the lesson is finished, a dialog displays implying the end of the lesson and user is redirected to the Course Screen.

In Profile Screen:

• Friend Suggestions section as a horizontal listview (scrollable)
• Friends section as a with 2 different tab bar view
• Achievements section with pre-defined items length

Badges display as a horizontal listview on appbar (scrollable)

Vertical listview displaying top 30 users of the weekky leaderboard

displays shopping items

displays duolingo news feed

• Display a dialog under the Course Node in the Course Screen when user clicks on a node. The dialog will display right under the node depending on the current position of the node instead of displaying at a fixed position. If the current position of the clicked node is at the bottom of the screen that there is not enough space for the dialog to display under it, shift the course node up to where there is enough space for the dialog to display.