Links

Features

Users are able to:

  • View the optimal layout for the site depending on their device's screen size
  • Shorten any valid URL
  • See a list of their shortened links, even after refreshing the browser
  • Copy the shortened link to their clipboard in a single click
  • Receive an error message when the form is submitted if:
    • The input field is empty

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • Mobile-first workflow
  • JavaScript
  • API

What I learned

This challenge helped broadened my knowledge on APIs and local storage usage.

Continued development

I hope to add more useful features to the project soon...

Author

Credits

  • Frontend Mentor - Shortly URL shortening API Challenge solution
  • Solution URL: View Solution