/Link_Shortner

A link shortning website done with HTML, CSS and JavaScript

Primary LanguageHTML

Link Shortener Website

The Link Shortener Website is a web application that allows users to shorten long URLs into shorter, more manageable links. It helps reduce the number of characters in a URL, making it easier to share on platforms with character limits.

Table of Contents

Features

  • User authentication: Users are required to sign in to access the link shortening functionality.
  • Link Shortening: Users can enter a long URL and generate a shortened URL.
  • Copy to Clipboard: Users can easily copy the shortened URL to the clipboard with a single click.
  • History: The application stores the shortened URLs and their original counterparts for future reference.
  • Responsive Design: The website is optimized for various screen sizes and devices.

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/link-shortener.git

Navigate to the project directory:

Usage

  1. Open the browser with your live server

  2. Sign in with your credentials or create a new account if you don't have one.

  3. On the link shortening page, enter a long URL in the input field.

  4. Click the "Shorten" button to generate a shortened URL.

  5. The shortened URL will be displayed along with the original URL and the date it was generated.

  6. To copy the shortened URL to the clipboard, click the "Copy" button next to the URL.

  7. You can delete a url that is not needed

Dependencies:

The Link Shortener Website uses the following dependencies:

AOS (Animate On Scroll): Library for animating elements on scroll. Swiper JS: Library for creating responsive, touch-enabled sliders and carousels. These dependencies are included in the project using a link and a script tag.

Technologies:

The Link Shortener Website is built using the following technologies:

HTML: Markup language for creating the structure of web pages. CSS: Stylesheet language for styling the web pages. JavaScript: Programming language for implementing interactive functionality. AOS: Library for animating elements on scroll. Swiper JS: Library for creating responsive, touch-enabled sliders and carousels. Contributing Contributions to the Link Shortener Website are welcome! If you find any issues or want to enhance the application, feel free to open a pull request with your changes.

Fork the repository. Create a new branch: git checkout -b feature/my-feature. Make your changes and commit them: git commit -m 'Add some feature'. Push the changes to your fork: git push origin feature/my-feature. Open a pull request in the main repository.