Skip to content
Submitted over 1 year ago

URL shortening API landing page usign Tailwind CSS

react, tailwind-css
Alberto Ledesma•370
@ledesmx
A solution to the URL shortening API landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi everyone 👋

I used the URL Shortener Service from Rapid API.

Additional features:

  • Links are saved in local storage.
  • Hit the Enter key to send the link.
  • Feature to remove the link.
  • A better error handling when:
    • The URL is empty.
    • The URL is invalid.
    • The rate limit has been exceeded.

All feedback is appreciated. Happy coding ✌️

Code

Please log in to post a comment

Log in

Community feedback

  • Dipu•430
    @immdipu

    Everything seems to be going smoothly. To further enhance the user experience, consider implementing animations when adding or removing links in the list. You could utilize a library like https://auto-animate.formkit.com, which simplifies the process to just a few lines of code while providing effective animations when adding or removing links from the list

    Marked as helpful

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