Submitted over 1 year ago

Shorty - Responsive web app that shortens links

#pwa#react#tailwind-css#vite#fetch

Ajayi Michael• 400

@Michaelajayi150

Preview site View code

This is a solution for...

URL shortening API landing page

HTML
CSS
JS
API

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

What did you find difficult while building this project? - I had difficulty with the color scheme because the colors provide in the style guide didn't all match the proposed design, But I improvised though...

Also share what you found difficult and how you went about it and if you haven't I will love to help as well

Community feedback

Josh• 560

@jkellerman

Posted over 1 year ago

Hey, nice solution.

Just a quick suggestion, don't remove the outline in input fields as it is bad for accessibility.

See these: https://www.a11yproject.com/posts/never-remove-css-outlines/ https://pauljadam.com/guides/focus-outlines.html

Apart from that, all looks great!

Marked as helpful

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord