This is a Short URL Project. This enables 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
- 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
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS (grid, flex, animation, variables, and custom properties)
- Mobile-first development
- Vanilla Javascript (api, mobile menu and functions)
I practised working with an api, I also face uniqe problems (like the line showing behind the advanced statistics' cards)