Skip to content

Latest commit

 

History

History
39 lines (24 loc) · 1.24 KB

README.md

File metadata and controls

39 lines (24 loc) · 1.24 KB
Raw

Frontend Mentor - Shortly URL shortening API Challenge solution

This is a solution to the Shortly URL shortening API Challenge challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size-> In Progress
  • 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:-> In Progress
    • The input field is empty

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • React - JS library
  • Material UI - For styles

Why The Refresh

  • Couple of Reasons, the main being I didn't like the layout of the previous attempt, and second The API used to shorten URLs has stopped working.

Author