Free
Link shortener with Sveltekit, Supabase, and Sass
Hunter Becton
SvelteKit
Sass
Supabase
2000
Create a user-friendly link-shortening app with custom slugs, efficient error and success handling, and simple link copying.
Level 4
Your Challenge is to develop a link-shortening app where users can paste a URL, create a custom slug, and generate a short link they can easily copy and share.
Your Challenge is complete when:
The website is as close to the original design as possible
The website is responsive and viewable on multiple screen sizes
Includes appropriate semantic HTML
Includes metadata tags for SEO best practices
Users can paste URLs and write custom slugs to generate new links
Generated links formatted properly and easy to copy
Generated links successfully redirect to the associated URL
Elements display the correct state styles (hover, focus, etc.)
Proper error and success handling is implemented to guide users effectively
Only authenticated users can create new links