Description:
Design and develop the user interface for searching and adding friends by email. The UI should allow users to:
[ ] 1. Enter an email in a search input field.
[ ] 2. View a list of matching results from the backend.
[ ] 3. Click on a result to send a friend request.
This task includes creating a responsive design for mobile and desktop, as well as integrating the search API. Ensure validation on the input field (e.g., valid email format) and display feedback (e.g., loading indicator, error messages).
Acceptance Criteria:
[ ] - Users can enter and submit an email to search for friends.
[ ] - Matching results are displayed in a list with each item showing the user’s name, avatar, and an “Add Friend” button.
[ ] - On clicking “Add Friend,” a confirmation message should display.
[ ] - User interface design matches the style of the existing application.
Description: Design and develop the user interface for searching and adding friends by email. The UI should allow users to:
This task includes creating a responsive design for mobile and desktop, as well as integrating the search API. Ensure validation on the input field (e.g., valid email format) and display feedback (e.g., loading indicator, error messages).
Acceptance Criteria: