Figma to Website | Responsive URL Shortener
Noel Pena
I developed a responsive URL shortener using Astro.js, React.js, HTML/CSS, and TypeScript.
The application optimizes layout for various screen sizes and allows users to shorten URLs via an API call. Shortened URLs are saved to local storage, ensuring persistence even after browser refresh.
Key features include:
Responsive layout
Single-click link copying
error handling for empty inputs
Integration of multiple technologies for a seamless user experience.
View the live site or take a look at the GitHub repo.
Figma design:
Figma design for website
Desktop View:
Mobile View:
Like this project
Posted Aug 6, 2024
Responsive URL shortener using Astro, React.js, and TypeScript. URLs are saved to local storage, persisting after browser refresh. Using API for URL shortener.
Likes
0
Views
28
