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
Figma design for website

Desktop View:

Mobile View:

Like this project
0

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.

KJK Maid Services Website
KJK Maid Services Website
Figma to Website | BMI Calculator
Figma to Website | BMI Calculator