Implement user home screen

[catileptic]

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 Acasă button in the footer also takes the user to his screen. On this screen, the Acasă button in the footer will have a highlight (it will be blue, instead of grey).

The Lecții în curs list is populated from the user's saved lessons. The Lecții nou adăugate list is populated from the corresponding backend endoint. They are listed newest to oldest, based on the date when they were first created.

The last list title, Toate lecțiile, should instead be Categorii de lecții. Beneath this title we should list all the lesson themes.

The Lecții nou adăugate list should only list the latest 3 lessons, in order for it to be likely that the user will see something new quite frequently, without lessons repeating themselves.

[daniyelp]

Correct me if I'm mistaken. A first time user, when he enters the Acasa screen, he will only see the Categorii de lectii section. The second time he uses the app, he might also see, when he enters the Acasa screen, the Lectii in curs section (if he has started any lessons yet) and the Lectii noi adaugate section (if new lessons have been added since the last time he used the app). Given this, should we have a HomeScreen.kt file in which resides the above UI and also a single ViewModel along with it? I'm wondering why the Lesson Themes screen had its own issue. It shouldn't have been integrated in this issue? Also, what happens when the user enters the Descopera screen?

[AlexandraDamaschin]

Hey @daniyelp, I've had the same questions, and here is how it should be: The screen you've implemented in the HomeScreen it's actually the discover screen. I've made a new PR today and move that. The real home screen contains:

• search for a lesson
• a list of lessons started (if any)
• a list of new lessons
• a list of lessons category

Let me know if that makes any sens to you. There was an error in figma for the bottom bar and from there all this confusion.

[daniyelp]

@AlexandraDamaschin So both Descopera screen and Acasa screen have a Categorii de lectii section? I know that in the Descopera screen I am filtering through lesson themes using the search view. But how should the search functionality behave in the Acasa screen? Should we try to match lesson titles as well as lesson themes titles? And how should we display the search results?

[daniyelp]

Regardless of the answer, I think you can assign me on this, if it's okay. Edit: nvm :p