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

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

@jiroRi

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


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-sa

Posted

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

@jiroRi

Posted

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