URL Shortener

URL Shortener API to shorten your url and link.

Table of contents

• Overview
  • About
  • Screenshot
  • Links
• My process
  • Built with
  • Useful resources

Overview

About

Users should be able to:

• View the optimal layout for the site depending on their device's screen size
• Shorten any valid URL
• See a list of their shortened links, even after refreshing the browser
• Copy the shortened link to their clipboard in a single click
• Receive an error message when the form is submitted if:
  • The input field is empty

Screenshot

          This is a desktop View.

          This is a mobile view.

Links

• Live Url

My process

Built with

• Mobile-first workflow
• React - JS library
• Next.js and Typscript - React framework
• Tailwind CSS - For styling

Resources

• TinyURL Developer API - API intergration
• 🔐 Register and get an API token
• 🔧 You get access to:
  • Analytics
  • Custom aliases
  • Expiration
  • JSON responses
  • More control over the shortened URLs