This is a solution to the Shortly URL shortening API Challenge challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be 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 - The URL already exists
- The
- Solution URL: https://www.frontendmentor.io/solutions/shortly-url-shortening-api-challenge-solution-WGbcwZm6jT
- Live Site URL: https://shortly-sage.vercel.app/
- Semantic HTML5 markup
- CSS custom properties
- SCSS css preprocesor
- Flexbox
- CSS Grid
- Bulma css framework
- Next.js - React framework
- Frontend Mentor - @ozamorowski
- Twitter - @ozamorowski