Url-shortener

A URL shortener, also known as a link shortener, seems like a simple tool, but it is a service that can have a dramatic impact on your marketing efforts. Link shorteners work by transforming any long URL into a shorter, more readable link. When a user clicks the shortened version, they’re automatically forwarded to the destination URL.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

The users should be able to:

• See the menu interactive.
• It's possible to insert link on input.
• Get the shortened link.
• View the optimal layout depending on their device's screen size.

Screenshot

Links

• https://url-shortener-seven-delta.vercel.app/

My process

Built with

• Semantic HTML5
• CSS3 custom properties
• Flexbox
• Responsiveness
• Pseudo-classes
• Key-frames
• JavaScript
• API's
• Json
• Metods

What I learned

How to use "API's" to import dates more easily to use in the project, and handle data and information by JS.

Continued development

I will learn how to use tailwind CSS or SCSS in my project and a larger project with JS.

Author

• Linkedin - https://www.linkedin.com/in/helcio-anicio/
• Vercel - https://vercel.com/helcioanicio