Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement lessons list screen #7

Open
catileptic opened this issue Jun 25, 2021 · 1 comment
Open

Implement lessons list screen #7

catileptic opened this issue Jun 25, 2021 · 1 comment

Comments

@catileptic
Copy link
Member

The Figma document contains the entire UI of the project.

You can export any image (asset) directly from Figma. Here's how.

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.

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. 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

@alinschuller
Copy link

I'll take this 😄

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants