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.
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: Github Repo
- Live Site URL: Live Preview
- Semantic HTML5 markup
- Tailwind CSS
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
I want to focus more in Responsive Design.
-
TailwindCSS - This site is a must for those who prefer to use TailwindCSS
-
MDN Docs - This is an amazing web documentation maintained by Mozilla. It helped me a learn a lot about web standards and best practices.
- Website - Aakash Sahani
- Frontend Mentor - @aakashsahani
- LinkedIn - @AakashSahani