Design comparison
Solution retrospective
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.
Community feedback
- @shawkysobhyPosted 9 months ago
share linke not work as expected it ask to sign in app to preview other users page linke
0@AbelMuroPosted 9 months ago@shawkysobhy hmm that's strange, can you give me your share link so that I can test it out?
Just for reference, can you check this link and see if it asks you to sign in?
https://link-sharing-boqxtcz3a-abelmuro.vercel.app/Abelmuro?ID=EBgeVFyvilehPxYbxSS8gWLrWbq1
0@shawkysobhyPosted 9 months ago@AbelMuro
hmm i see in link you provided your name then your id when i try project i not use any name and just put links in card and not work but after add name it's work fine 😅 you can solve this problem by add default name from email user sign with so not happen this to other but overall nice project i will start it soon
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord