Integrate User Profile API

[YashSahsani]

Description:

Integrate the backend APIs with the user profile page to dynamically fetch, display, and update user information. This integration will enable users to view and manage their personal details, profile picture, rental history, and saved properties. The goal is to ensure seamless data retrieval and updates on the user profile page.

Acceptance Criteria:

1. API Integration:
   • Fetch user profile data from the backend API.
   • Update user information through the backend API.
2. Display User Information:
   • Show user's name, email, phone number, and profile picture.
   • Display rental history and saved properties.
3. Update User Information:
   • Allow users to update their name, email, phone number, and profile picture.
4. Error Handling:
   • Handle errors gracefully and display appropriate messages to users.
5. Loading Indicators:
   • Show loading indicators while data is being fetched or updated.
6. Responsive Design:
   • Ensure the page is responsive and works well on both desktop and mobile devices.

     Tasks:

7. API Documentation Review:
   • Review the API documentation to understand endpoints, parameters, and response formats.
8. Fetch User Data:
   • Implement API calls to fetch user profile data from the backend using Typescript Express.
9. Display User Data:
   • Populate the user profile page in Forested (React) with data retrieved from the API.
10. Update User Data:
    • Implement API calls to update user information and profile picture.
11. Handle User Input:
    • Develop forms and input fields to allow users to edit their information.
12. Error Handling:
    • Develop error handling to manage API call failures and display user-friendly messages.
13. Loading Indicators:
    • Add loading indicators to enhance user experience during data fetch and update operations.
14. Test API Integration:
    • Conduct thorough testing to ensure data is correctly fetched, displayed, and updated, and that all functionalities work seamlessly.

[akshar2223]

Should I've to made API for this or just integration at front-end?