search

bounswe / bounswe2024group6

6 stars 0 forks source link

feat(mobile): Own Profile Page #451

Closed YavizGuldalf closed 2 weeks ago

YavizGuldalf commented 3 weeks ago

Fixes Issue #450. This PR includes three major changes. You can find them listed below.

1- The app now uses a tab layout to help with navigation. This was done to improve the UI and make the design more like the front-end team's. 2- The tab layout has been filled with placeholder tabs. They need to be filled with the appropriate content. 2- A new profile page is created and added to the tab layout.

Below is a picture of how the new UI looks in the android studio emulator and in my personal mobile phone.

Screenshot 2024-10-27 at 22 34 24

Since the QuizCard and PostCard/CommentCard components are not ready yet, the page uses placeholder items to showcase the UI design. They should be replaced once those components are ready. The page is also not connected to the backend, but most of the setup has been completed. Once the relevant endpoint is created, the page should be linked with backend and use real data.

YavizGuldalf commented 3 weeks ago

I have now added a button to the header for extra options, it looks like the following:

Screenshot 2024-10-27 at 23 47 59
anilanlar commented 3 weeks ago

image

The old navbar should be removed from the quizzes tab.

YavizGuldalf commented 2 weeks ago

The old navbar should be removed from the quizzes tab.

I purposefully did not touch any other page so as to not cause conflicts in the future. Those pages have a lot of work that needs to get done, like changing the UI design. In fact, we already have an open PR (PR #452) that changes the quiz pages. We'll have to deal with merge conflicts if I try removing the navbar in this PR. I think it's best to focus on the design of the pages for now, putting all the pages into the new layout is another issue.

anilanlar commented 2 weeks ago

Thanks for the clear explanation. I've merged the PR.