Skip to content
Submitted over 4 years ago

Responsive URL Shortener [HTML,CSS,JS,Relink API,async,RegEx]

Jiro Ricaro•715
@jiroRi
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

Open for feedbacks!

I was wondering how to do the "Copy" button wherein if multiple button is clicked.. the current clicked "Copy" button will turn its text to "Copied" and the other buttons will revert its text to "Copy". Basically, similar to how a set of radio buttons work but in JS.

Any answers/feedbacks will be much appreciated. Also, just pointing me to the right direction would really be a big help already. 💖

edited the RegEx for URL validation derived from here

P.S. Will definitely do the shorten link section again once I am comfortable with Array, Objects and ReactJS. Maybe checking for shortened link duplicates will become easier by then.

Community feedback

  • E.sa•300
    @E-saPosted over 4 years ago

    Its really good. Well done. I am also doing the same challenge. And i had problem with GET and POST, so i used your method to fetch data. i hope u don't mind. :)

    0
    Jiro Ricaro•715
    @jiroRiPosted over 4 years ago

    Thank you for the compliments..

    Suuure I don't mind :) Good luck with your solution!

    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