Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

URL SHORTENING API LANDING PAGE - REACT & TAILWIND CSS

#react#tailwind-css#animation

@SameerJS6

Desktop design screenshot for the URL shortening API landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

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.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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