Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author

Screenshot

The shortened link might not display now cause i am out of clicks.

Links

• Solution URL: Click to view project
• Live Site URL: Click to view project

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• BootStrap 5
• Mobile-first workflow

What I learned

1- Got to know how to find solution to CORS issue 2- How to copy a link to clipboard

To see how you can add code snippets, see below:

const options = {
  mode : 'no-cors',
  then the header follows...
}

 copyLinkButton.addEventListener('click', () => {
            navigator.clipboard.writeText(result.shortUrl)
            copyLinkButton.innerHTML = `Copied!`

            setTimeout(() => {
              copyLinkButton.innerHTML = `Copy`
            }, 1000)
          });

Continued development

I would like to take more projects on API cause it really fun

Author

• Frontend Mentor - @G-best007
• Twitter - @G_best007