code100x / cms

Home Page:https://app.100xdevs.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Let user add a DP

vverma022 opened this issue · comments

To make the website a little more appealing we can give the users an option to add a profile picture.
Screenshot 2024-06-26 at 12 16 55 PM

One approach that I would like to use is designing an option to edit DP inside the dropdown. On clicking that a modal would appear allowing user to add a photo. The photo would be stored inside the DB as binary data. We can use react-modal for the modal.

image

A rough design of the modal would be like above

Shouldn't we use AWS S3 for storing it ? Instead of storing it in DB @Sigma2345

Yeah @JTiscodin S3 would be better. Would be doing that instead

@Sigma2345 for by default you can use this API which automatically will create you a user dp based on his/her initals
like: https://api.dicebear.com/5.x/initials/svg?seed=harshit%20pant
will generate
image