code4romania / code4romania/teacher-workout-android

Implement user profile screen

Open
#10 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
Kotlin
Stars
5
Forks
17
PR merge metrics
No merged PRs in 30d

Description

[The Figma document](https://www.figma.com/file/uLiqrlxmOB5xCppIzmiUXV/Teacher-Workout?node-id=0%3A1) contains the entire UI of the project.

You can export any image (asset) directly from Figma. [Here's how](https://drive.google.com/file/d/1KJncuAGFvKEo6zrjC9H3O59auITE0q2h/view).

**Please do not try to recreate the UI design exactly.** Prioritize using de default UI mobile components, and following the material design guidelines. The UI objects should be positioned roughly the same as in the Figma screens.

[The mobile flow can be found in the project Wiki](https://github.com/code4romania/teacher-workout-backend/wiki/Teacher-Workout-Mobile-flow).

_Please define related colors and text & button styles in the corresponding values files. Please extract all text values in the corresponding xml files so we can easily adjust them. <3_

---

Pressing the **Profil** button in the footer also takes the user to his screen. On this screen, the **Profil** button in the footer will have a highlight (it will be blue, instead of grey).

The X (close) button takes the user back to their [Home screen](https://drive.google.com/file/d/1iYjJb4Co_SP2ytNTEwfdYRMvHgDA-Sij/view?usp=sharing).

The avatar is either the one chosen by the user, or a placeholder default image.

Clicking on a lesson theme (category) or on the button that says **Lecții parcurse** takes the user to a lesson listing that contains only the lessons that the user has already finished.

![image](https://user-images.githubusercontent.com/14028425/123417896-0c7f3600-d5c1-11eb-9881-ae66c732b128.png)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.