This PR establishes the connection between the frontend and backend, enabling users to view and update their profile picture in real-time.
Changes Implemented:
Frontend:
Created a Icon Camera allowing users to upload a new profile picture.
Integrated API request logic using fetch to send the image to the backend. (actions.ts)
Updated the UI to display the new profile picture after a successful upload.
Backend:
Created a new endpoint to handle profile picture updates (e.g., PUT /pfp/{user_ID}).
Updated the user profile data in the database with the new image.
This PR establishes the connection between the frontend and backend, enabling users to view and update their profile picture in real-time.
Changes Implemented:
Frontend:
Created a Icon Camera allowing users to upload a new profile picture. Integrated API request logic using fetch to send the image to the backend. (actions.ts) Updated the UI to display the new profile picture after a successful upload.
Backend: Created a new endpoint to handle profile picture updates (e.g., PUT /pfp/{user_ID}). Updated the user profile data in the database with the new image.