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

HTML, Scss, Bootstrap, JS, jquery, scrollReveal

MetisT 275

@greatmetis

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


This is my first page integrating with other page via API.

In this challenge I attempt to write clean code and build an interactive landing page. For example,

  • I tried to create objects and building prototype chain in them.
  • I used ScrollReveal, a cool library with MIT License.

Thank you for checking this, and I open to any suggestion. Many love to this community.

Community feedback

Jay 695

@Junjiequan

Posted

hey MetisT,

Your solution looking great and link shortener is working nicely.

One issue i've found is that when the url link is too long, it crashes the form after conversion.

All in all, I am so glad to see someone else other than me is also acutally trying to handle the challenges. I've looked up some others' solutions on this challenge, only you made the link shortener available so far. Shout-out to you.

0

MetisT 275

@greatmetis

Posted

@a331998513 Thank you for pointing this out. I have looked into that and fixed it :D

Also, I'm glad we are doing well and trying hard to get the skills. All the best for your front end journey!

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