Link sharing app with react, next.js and firebase

This was a very challenging app to make. There were many times I kept banging my head against the wall with some of the functionality. I used React, Next.js, MUI, and Firebase. All authorization, database queries and storage requests were made with firebase. I also implemented React DnD for the drag and drop functionality in the app.

The most challenging part of this app was generating a URL for the users 'profile card' that can be shared. I had to use a dynamic route in next.js that creates an instance of the app that has the users image, first and last name, and their links.

If you paste the generated URL in your browser, it will take you to your profile card. You can share the generated URL with everyone.