Profile Backend and Frontend

[aaronchan32]

Tracking Info

Resolves #59

Changes

• Finished combining profile backend with frontend
• Added binary image upload support to MongoDB using multer. Based on Philip's implementation for ALUM
• Used busboy instead of multer (written on top of busboy) to handle parsing image data due to a cloud function bug with multer
• Set max image size to 2MB. Accepts jpg, png, webp.
• Added backend routes to edit name, email, and password
• Added name, email, profilePicture id, and last password changed date for piaUser in user context

Testing

• All features can be tested on the profile page
• Create a new user so the piaUser user context is populated with new fields
• Tested uploading new image and editing image
• Tested image constraints: Example Large Image . Example Unsupported File Type (GIF)
• Tested editing name
• Tested editing email (will redirect user to login page)
• Tested editing password

Additional Notes

• We may want to require email verification when users update their email
• We should consider providing user feedback when operations are executed successfully. Currently, the modal will close on success and otherwise display an error message
• Some of the errors are not being handled consistently. It might be because of how our error middleware is handling it
• We should consider letting users know that they will be redirected to the login page after updating email

[github-actions]

Visit the preview URL for this PR (updated for commit ffd22f1):

https://pia-dev-60cea--pr86-feature-mraysu-profi-xzkbwhbq.web.app

_{(expires Fri, 19 Apr 2024 06:46:12 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: b780ee12a240535f7ca0729d49968573a1f3e284}

[adhi0331]

Minor bug

[adhi0331]

LGTM! 🚀