Link Shortener Frontend

This project is a simple link shortening service that interacts with a backend API to create and retrieve shortened links. The frontend is built using HTML, CSS, and JavaScript, providing a user-friendly interface for link creation.

Project Structure

link-shortener-frontend
├── src
│   ├── js
│   │   ├── app.js          # Main JavaScript file for user interactions
│   │   ├── api.js          # API interaction functions
│   │   └── animations.js    # Animation functions for UI effects
│   ├── css
│   │   ├── style.css       # Main styles for the application
│   │   └── animations.css   # Styles for animations
│   └── index.html          # Main HTML file for the application
├── package.json             # npm configuration file
└── README.md                # Project documentation

Setup Instructions

1. Clone the repository:

   git clone <repository-url>
   cd link-shortener-frontend
   

2. Install dependencies:

   npm install
   

3. Open the application: Open src/index.html in your web browser to view the application.

Usage

1. Enter a link in the input field.
2. Click the "Shorten Link" button.
3. The shortened link will be displayed below the form.

Features

• User-friendly interface for link shortening.
• Animated transitions for a smooth user experience.
• Responsive design for accessibility on various devices.

Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue for any suggestions or improvements.

License

This project is licensed under the MIT License. See the LICENSE file for details.