Skip to content
Submitted about 1 year ago

URL shortening API landing page usign Tailwind CSS

Alberto Ledesma•370
@ledesmx
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...URL shortening API landing page
  • HTML
  • CSS
  • JS
  • API
3intermediate

Design comparison

SolutionDesign

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 ✌️

Community feedback

  • Dipu•430
    @immdipuPosted about 1 year ago

    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
    0
    Alberto Ledesma•370
    @ledesmxPosted about 1 year ago

    @immdipu Thanks for your advice. I didn't know about AutoAnimate. I really appreciated it!

    0

Please log in to post a comment

Log in with GitHub

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