Skip to content

MT2000-Programming/URL-Shortening

Repository files navigation

📌 Overview

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.


🚀 Features

  • ✅ 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

🛠️ Built With

  • HTML5 – semantic structure
  • CSS3 (Flexbox, Grid, custom variables) – responsive layout
  • JavaScript (ES6) – API integration, DOM manipulation, state handling
  • LocalStorage – save shortened links across sessions

📱 Responsive Design

The layout adapts to:

  • Desktop (1440px and above)
  • Tablet
  • Mobile (375px and below)

🔗 Demo


🧑‍💻 How to Use

  1. Clone the repo:
    git clone https://github.com/yourusername/shortly-url-shortener.git

About

This website uses clean URL API to shorten API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published