This is my solution for the Frontend Mentor - Shortly URL shortening API Challenge.
The project is a responsive landing page that integrates with the Clean URI API to shorten links and display them dynamically.
- ✅ Fully responsive design (mobile-first approach)
- ✅ Shorten any valid URL using the CleanURI API
- ✅ Persistent list of shortened links (saved in localStorage)
- ✅ One-click copy-to-clipboard
- ✅ Error validation for empty input fields
- ✅ Mobile menu toggle with smooth transitions
- HTML5 – semantic structure
- CSS3 (Flexbox, Grid, custom variables) – responsive layout
- JavaScript (ES6) – API integration, DOM manipulation, state handling
- LocalStorage – save shortened links across sessions
The layout adapts to:
- Desktop (1440px and above)
- Tablet
- Mobile (375px and below)
- Live Site: Click Here)
- Frontend Mentor Solution: Solution page link here
- Clone the repo:
git clone https://github.com/yourusername/shortly-url-shortener.git