2000

Link shortener app

Create a user-friendly link-shortening app with custom slugs, efficient error and success handling, and simple link copying.

Level 4

Link shortener app

Description

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

Preview

Preview image 0 for challenge
Preview image 1 for challenge
Preview image 2 for challenge