This application provides a user interface for a URL shortening service, similar to bitly. It allows users to input a lengthy link and receive a shorter version which redirects to the original URL.
- Input and Shorten: Users can input a long URL and obtain a shortened version.
- Display Shortened URLs: Displays a list of all the shortened URLs generated by the user.
- Backend Integration: Works in conjunction with a back-end API for the actual URL shortening.
- Clone this repo.
- Run
npm installto install the necessary dependencies. - Start the development server using
npm start. - Ensure the back-end server is set up and running for managing and shortening URLs.
- Display Existing URLs: Upon loading, the application fetches and showcases any pre-existing shortened URLs from the server.
- Generate New Shortened URLs: Users can submit new URLs for shortening. The freshly shortened URL is added to the list without requiring a page refresh.
- Cypress Testing: The application incorporates Cypress tests to ensure user interactions function as expected.
- Error Handling: The app handles potential errors, such as server failures or incomplete form inputs.
- URL Deletion: Users have the option to delete URLs from the list.