In social networks such as Facebook, there are multiple locations where you can select and upload files. You can send images in chats, attach them to posts, create galleries in your profile, and much more. For now, we will only look at how to change our user's avatar image. This is a great example for easily showing all of the techniques.
The result that we are targeting looks like the following screenshot:
The user can select a file, crop it directly in the modal, and save it to AWS with the preceding dialog.
I am not a big fan of using too many npm packages, as this often makes your application unnecessarily ...