cagloria / url-shortening-api

"URL shortening API landing page" challenge by Frontend Mentor. A page created with React to shorten links using the shrtcode API.

Home Page:https://cagloria.github.io/url-shortening-api/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Frontend Mentor - Shortly URL shortening API Challenge

Design preview for the Shortly URL shortening API coding challenge

Welcome! 👋

Frontend Mentor challenges allow you to improve your skills in a real-life workflow.

This project has been deployed to cagloria.github.io.

The challenge

Your challenge is to build out this landing page, integrate with the shrtcode API and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

Your 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

About

"URL shortening API landing page" challenge by Frontend Mentor. A page created with React to shorten links using the shrtcode API.

https://cagloria.github.io/url-shortening-api/


Languages

Language:SCSS 34.2%Language:CSS 32.6%Language:JavaScript 32.4%Language:HTML 0.8%