https://github.com/ugboaja-uchechi/url-shortener

https://github.com/ugboaja-uchechi/url-shortener

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/ugboaja-uchechi/url-shortener
• Owner: Ugboaja-Uchechi
• Created: 2022-05-06T12:57:10.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-05-19T20:15:49.000Z (over 2 years ago)
• Last Synced: 2024-04-18T16:40:28.981Z (9 months ago)
• Language: CSS
• Size: 615 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# url-shortener

This is my solution to the [URL shortening API landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/url-shortening-api-landing-page-2ce3ob-G).

### The challenge

In this challenge, I integrated the [shrtcode API](https://shrtco.de/) to create shortened URLs and display them like in the designs.

### 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

- See hover states for all interactive elements on the page

### Built with

- Semantic HTML5 markup

- CSS 

- JavaScript

- [shrtcode API](https://shrtco.de/)

### Live Link

[Demo Link](https://url-address-shortener.netlify.app/)

### ScreenShot

![image](https://github.com/Ugboaja-Uchechi/url-shortener/blob/main/desktop-url.png?raw=true)

## Author

Ugboaja Uchechi

- GitHub: [GitHub](https://github.com/Ugboaja-Uchechi)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/stephanie-ugboaja/)

## 🤝 Contributing

Contributions, issues, and feature requests are always welcome!

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgment(s)

- Frontend Mentor