URL Shortener

Live URL 🔗 URL Shortener

Overview

URL Shortener is a simple and efficient web application that allows users to shorten long URLs. This platform provides users with an easy way to generate, copy, and manage shortened URLs with a user-friendly interface.

Features

1. URL Shortening

• Generate Short URLs: Users can paste long URLs into the input field, and the application will generate a shortened version.
• Copy Functionality: Users can easily copy the shortened URL for immediate use.
• Multiple URLs: Users can shorten multiple URLs one after another without restrictions.

2. URL List Management

• Stored URLs: All shortened URLs are saved in the "URL List" tab for easy reference.
• Table View: Users can see a structured table displaying both the original and shortened URLs.
• Update URLs: Users can update the original long URL and generate a new shortened version.
• Delete URLs: Users have the option to remove any URL from their saved list.

3. Navigation & User Experience

• Simple Interface: Clean and intuitive design for seamless interaction.
• Persistent Storage: Ensures that the shortened URLs remain available during the session.

Technologies Used

• Frontend: React, Bootstrap, React Router
• Deployment: Hosted on Vercel

How to Run the Project

1. Clone the repository:

   git clone https://github.com/kayes360/short-url-generator

2. Navigate to the project directory:

   cd short-url-generator

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Go to http://localhost:5173/ (or the port specified in your terminal).