The "URL Shorten" project is a simple web-based URL shortener, developed by Pedro Vilas Bôas. It allows users to input long URLs and generate shorter, more manageable versions using the TinyURL API. This project is built with HTML, CSS, and JavaScript, and features a clean, responsive design.
- Shorten URL: Convert long URLs into shorter versions using TinyURL's API.
- Reload Functionality: Reset the input and output fields to their default states.
- Enter the URL: Type the long URL you want to shorten in the input field labeled "Enter URL To Shorten".
- Shorten the URL: Click the "Short It!" button to generate a shortened URL.
- Reload: Click the "Reload" button to clear the form and start over.
No installation is required for this project as it runs directly in the browser. Simply clone the repository and open the index.html file in your web browser.
git clone https://github.com/yourgithubusername/URLShortner.git
cd URLShortner
open index.html # or use any web browser to open the fileThe HTML file includes basic setup, linking to external icon fonts and stylesheets, and defining the structure for the URL shortening interface.
Styles are provided in a separate CSS file and utilize the Google Poppins font. The styling emphasizes a modern look with background gradients and a centered card layout.
JavaScript is used for the functionality of the URL shortener. It interacts with the TinyURL API to fetch a shortened URL and handles the page reload action.
Contributions are welcome! For major changes, please open an issue first to discuss what you would like to change.
This project is open-source and available under the MIT License.
 Pedro Villas Boas |
|---|