URL Shortener FE (WIP)

A simple Svelte app. Trying to follow as many industry standard practices as possible as I've worked primarily on backend stuff so far. Will probably add a bunch of stuff and make the UI prettier soon. Deployed this whole thing on here for fun using AWS. Will probably add some new stuff soon as well. Took it down cuz it was costing me every month and i didnt really wanna pay that anymore :(

Features

• User Authentication: Register and log in to manage your URLs.
• Shorten URLs: Instantly create short links for any URL.
• Dashboard: View all your shortened URLs in a dashboard.
• Favorites: Mark URLs as favorites and filter them.
• Delete URLs: Remove unwanted short links.
• Copy to Clipboard: Quickly copy short URLs with one click.
• Responsive UI: Works on desktop and mobile.
• Accessible: Follows accessibility practices.
• Modern Styling: Uses TailwindCSS and Skeleton UI.

Tech Stack

• Svelte
• SvelteKit
• TailwindCSS
• Skeleton UI
• TypeScript

Getting Started

Prerequisites

• Node.js (v18+ recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/url-shortener-fe.git
   cd url-shortener-fe/url-shortener
   

2. Install dependencies

   npm install
   # or
   yarn install
   

3. Setup envs
   • Copy .env.example to .env and set PUBLIC_BACKEND_URL to your backend API endpoint.
4. Run

   npm run dev
   # or
   yarn dev
   

5. Open in browser Visit http://localhost:5173.