Skip to content
Submitted about 2 years ago

URL SHORTENING API LANDING PAGE - REACT & TAILWIND CSS

react, tailwind-css, animation
Sameer Singh•560
@SameerJS6
A solution to the URL shortening API landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello Frontend Mentor Community,

I completed this challenge a while ago but due to exams, I forgot to upload it here. However, I have now uploaded the solution and would like to share some additional features that I have added:

  • I have included a "Clear" or "Clear All" button, depending on the number of shortened links in the inbox.
  • To improve user experience, I have utilized the browser's local storage to store all the shortened links for future use cases.
  • I have added a minor but subtle hover animation to the links.
  • I have removed the button in the navbar which was included in the design, as I felt that it did not fit the overall design.

If you have any feedback, please feel free to share your comments.

Thank you.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Sameer Singh's solution.

Join 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