Skip to content

A responsive frontend-only URL shortener built with HTML, CSS, and JavaScript using the CleanURI API. Includes AOS animations, copy-to-clipboard, and a circular logo.

Notifications You must be signed in to change notification settings

venkat-0706/Shorturl

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

# 🌐 Frontend-only URL Shortener

A simple, responsive, and dynamic URL shortener built with **HTML, CSS, and JavaScript**, using the **CleanURI API** for shortening and **AOS** for beautiful animations.

---

## πŸš€ Features

- πŸ”— Shorten long URLs instantly using CleanURI API
- πŸ“± Fully responsive and mobile-friendly
- πŸ’Ύ Frontend-only implementation (no backend required)
- 🎨 Beautiful UI with gradient backgrounds and glassmorphism form
- ✨ AOS animations for smooth scroll effects
- πŸ”˜ Circular logo display with shadow effects
- πŸ“‹ "Copy to Clipboard" functionality for the shortened URL

---

## πŸ“Έ Screenshot

![Shortener Screenshot](https://res.cloudinary.com/dhmixzenl/image/upload/v1750160246/shorturl-icon_lxvhnn.png)

---

## πŸ”§ How to Run

1. Clone the repository:

```bash
git clone https://github.com/your-username/url-shortener.git
  1. Open the index.html file in any modern browser.

That’s it! πŸš€


πŸ”— Live Demo

Coming soon... (You can host this easily using GitHub Pages or Netlify)


πŸ“ Folder Structure

url-shortener/
β”‚
β”œβ”€β”€ index.html          # Main webpage
β”œβ”€β”€ .gitignore          # Git ignored files
└── README.md           # Project documentation

✨ Technologies Used


πŸ™Œ Acknowledgements

  • CleanURI for the free shortening API
  • AOS for scroll animations

πŸ“œ License

This project is licensed under the MIT License.


πŸ’‘ Author

Venkata Chandu πŸ“§ chanduabbireddy247@gmail.com πŸ”— Portfolio β€’ LinkedIn β€’ GitHub


Feel free to fork this project and customize it as needed!


---

Let me know if you’d like a `LICENSE` file, or help deploying it to **GitHub Pages**!

About

A responsive frontend-only URL shortener built with HTML, CSS, and JavaScript using the CleanURI API. Includes AOS animations, copy-to-clipboard, and a circular logo.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published