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.
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
- The
- Solution URL: https://github.com/BhudiaMukund/Shortly-Challenge-Frontend-Mentor
- Live Site URL: https://shortlychallenge.netlify.app/
- JSX
- CSS
- Flexbox
- Mobile-first workflow
- React - JS library
- Styled Components - For styles
- Favicon icon - This helped me for the favicon icon. I really liked this website and will use it going forward.
- Website - Mukund Bhudia
- Frontend Mentor - @BhudiaMukund