code4romania / code4romania/teacher-workout-android

Implement lessons list screen

Open
#7 1 comment 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 back button will take the user back in the [lesson themes listing screen](https://drive.google.com/file/d/1PGH4w2ilLl8RpuEG6wmdWkcOONiKOEiW/view?usp=sharing). The same will happen when the user presses the X (close) button.

The lesson list will scroll down to reveal all the lessons within this category.

Each lesson title, category title, estimated reading time will be pulled from the corresponding backend endpoint. _(We will link the staging env for the backend and list the endpoint as soon as we define them)_

Each lesson progress will be pulled from the current user's stored progress.

![image](https://user-images.githubusercontent.com/14028425/123411016-a42c5680-d5b8-11eb-9eea-206f2e73e240.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.