Shortly - URL Shortener

  • React
  • Tailwind CSS
  • TypeScript
  • PostgreSQL
  • Supabase

Shortly is a URL shortening web application that allows users to create custom links for quick and easy access to websites, which can also be shared with others.

Screenshots

Full Description

Shortly is a web application for creating custom shortened URLs, allowing users to access websites quickly and share them easily.

I built this application with React and TypeScript because React is my favorite front-end library and the one I have the most experience with. I love its component-based approach, hooks, and the vast ecosystem of tools that enhance the development experience.

For data storage, I used Supabase, a comprehensive and user-friendly SaaS tool that enables seamless scaling. With Supabase, I implemented services like user authentication for login and registration, its PostgreSQL-based relational database for data storage, and storage for user profile pictures and QR code images for custom links.

For the website’s styling and design, I used the Shadcn UI framework, a highly popular component library that allowed me to accelerate development without building styles from scratch, resulting in modern and attractive websites.

While this project may seem simple, it allowed me to apply knowledge of software design and architecture, as solving this type of problem requires careful planning and solution design.