Skip to content
Submitted almost 3 years ago

URL shortening API landing page using Sass and localStorage

Byron•2,290
@byronbyron
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

Hello ladies and gentlemen! This was a rather nice challenge to do. I chose to use Sass without any CSS framework just for a laugh (also saves weight and there's one less dependency). Vanilla JS for the mobile menu, validation, copy to clipboard and fetch api. Also added a little fancy mobile menu toggle animation. It probably doesn't work in IE11, but who still supports that browser anyway? No one. 😆

Like always, please leave a like and maybe a lovely little comment as well. Thanks!

Update: I've added localStorage so the links should now persist!

Community feedback

  • beth-codes•80
    @beth-codesPosted almost 3 years ago

    this is really nice, I must say. I can't even tell the differene

    Marked as helpful
    0
    Byron•2,290
    @byronbyronPosted almost 3 years ago

    Wow thanks @beth-codes!

    0
  • Monique Silva•120
    @moniquedsilvaPosted almost 3 years ago

    Looks really good. Congratulations!

    Marked as helpful
    0
    Byron•2,290
    @byronbyronPosted almost 3 years ago

    @moniquedsilva Thanks! 🎉

    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