Members
The Members tab consists of mainly three screens - Members List, Member Profile Page, and Send Request Screen; embedded in a navigation stack in the respective order.
This screen shows all the Members of the Mentorship system. Pagination is supported in the backend API and has been implemented in this screen. Each list cell shows the member name, availability, and skills. Tapping on a list cell (member) takes to the Member Profile page. The members screen also includes an embedded search bar in the navigation view to search for members.
This screen shows the complete details about a particular member. This screen shares a common profile section view with the 'User Profile' page which is tailored using properties. In addition to showing the complete member details, this screen also features a button to 'Send Request' in the navigation bar.
This modal screen allows the user to send a relation request to the selected member. It features controls for the user to select their role (mentor/mentee), end date, and add notes in the request.
The members screen features search functionality using the native search bar used in conjunction with the navigation view. This has been achieved by wrapping the UINavigationController using UIViewControllerRepresentable, for greater understanding of technical approach, visit here.
The search feature (filtering of users) is supported by the backend, and the frontend supports advanced UX features including automatic hide/show on scroll, navigation bar replacement while search, reloading of original data when cancel button is pressed, etc.
