Create FriendsPage

FriendsPage Development Task

Objective

The objective of this task is to create the FriendsPage, where users can view basic information about their friends, including their last visited country, and have the ability to navigate to their friend's location on a map.

Tasks

Design FriendsPage Layout:
- Create a layout for the FriendsPage, organizing elements such as friend profiles and navigation options in a visually appealing manner.
Display Basic Friend Information:
- Retrieve basic information about the user's friends from the backend, such as their name, profile picture, and last visited country.
- Display this information prominently on the FriendsPage to provide users with quick access to their friends' profiles.
Implement Last Visited Country Feature:
- Incorporate functionality to display the last visited country of each friend.
- Retrieve this information from the backend or utilize mock data if necessary.
- Ensure that the last visited country is clearly visible and easily identifiable within each friend's profile.
Enable Navigation to Friend's Location:
- Implement a feature that allows users to navigate to their friend's location on a map.
- Utilize mapping libraries or APIs to display the friend's location accurately.
- Provide a seamless transition from the FriendsPage to the map view, allowing users to explore their friend's location in detail.
Enhance User Interaction (Optional):
- Implement additional features to enhance user interaction on the FriendsPage, such as the ability to send messages or view recent activities of friends.
- Ensure that these features complement the primary functionality of the page without overwhelming the user interface.
Optimize Performance and Responsiveness:
- Optimize the performance of the FriendsPage by minimizing load times and optimizing rendering of friend profiles and other elements.
- Ensure that the page is responsive and displays properly on devices of various screen sizes.

Idea, sample