This project is a responsive landing page for a URL shortening API, built using Redux Toolkit (RTK), React, Vite, Tailwind CSS, and the Shrtcode API.
- Users can input a long URL to shorten
- Users can view a list of shortened URLs they've previously created
- Users can copy the shortened URL to their clipboard with one click
- The app checks if the same URL has already been shortened and retrieves the previously - generated short URL without calling the API again, reducing unnecessary API calls and - speeding up the user experience.
- React βοΈ
- Redux Toolkit Query (RTK Query) π
- Vite π
- Tailwind CSS π¨
- Shrtcode API π
1. Clone the repository
2. Install dependencies using npm install
3. Run the app using npm run dev
Desktop View:
Mobile View:
Note: For more images, please check result folder.
Check out the live demo to try it out for yourself!
- GitHub - ansulagrawal
- Website - Ansul Agrawal
- Frontend Mentor - @ansulagrawal