https://github.com/siddheshkukade/url-shortner-react-bitly
Simple Bit.ly clone created using React JS and Bit.ly API
https://github.com/siddheshkukade/url-shortner-react-bitly
bitly-api programming reactjs url-shortener
Last synced: 2 months ago
JSON representation
Simple Bit.ly clone created using React JS and Bit.ly API
- Host: GitHub
- URL: https://github.com/siddheshkukade/url-shortner-react-bitly
- Owner: SiddheshKukade
- Created: 2021-08-14T03:36:14.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-08-21T05:45:14.000Z (almost 5 years ago)
- Last Synced: 2024-12-27T04:41:42.572Z (over 1 year ago)
- Topics: bitly-api, programming, reactjs, url-shortener
- Language: TypeScript
- Homepage:
- Size: 688 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ***url-shortner-react-bitly***
# Introduction
In this project , I'll will build a website that shortens URLs. Optimizing the length of your website's URLs is useful on space-sensitive forums, helps websites rank better in search results, and are also easier for users to type out.
# Requirements
The user will input a valid URL and click a "shorten" button. The shortened URL will then be displayed.
### Your UI should include the following elements:
## Text input for the user's URL
"Shorten" button to trigger the link shortening
Display area to return the shortened URL to the user
## For extra challenge:
***Made it easier for the user to copy the shortened URL by adding a "copy" button for one-click copying.***
Try to allow the user to automatically copy the shortened URL by using libraries like SimpleCopy or ClipboardJS.
Suggested Implementation
#### This project can be implemented as a webpage using any front end stack (e.g. JavaScript, React, Angular, Vue.js).
You can use free link shortenings services such as bit.ly to process the URL. but I have used React for front-end and bit.ly api for shortening the URL
## *Created using : React JS and Bit.ly API*
