Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

PayAPI multipage website w/ (Typescript + React + StyledComponents) πŸ‘Ύ

#lighthouse#react#styled-components#typescript#accessibility
Adrianoβ€’ 34,020

@AdrianoEscarabote

Desktop design screenshot for the PayAPI multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


πŸ‘¨β€πŸ’» Hello everyone.

It is with great satisfaction that I express my gratitude for having completed this project. It was a very comprehensive and successful initiative, which involved the creation of a four-page website and represented an excellent test of my skills in building responsive layouts. The site in question is a complete marketing tool, which has personalized form validation.

I have a strong desire to start larger projects, perhaps exploring different technologies.

Any feedback is extremely important

Thanks! 😊

Community feedback

P
ApplePieGiraffeβ€’ 30,565

@ApplePieGiraffe

Posted

Hello there, Adriano! πŸ‘‹

Excellent work on this challenge! πŸ‘ You've paid great attention to detail and your solution is clean and responsive! πŸ‘

I love that you also wrote a great, informative README. πŸ™Œ

Small tipβ€”you don't need to add aria-hidden="true" to images that have no or an empty alt text, since that will already cause them to be ignored by screen readers. πŸ˜‰

And you may want to disable the default behavior of the form that collects the user's email in the hero section of the home page, since the submit button inside of it currently refreshes the page when clicked (skipping any validation on the form).

Keep coding, my friend (and happy coding, too)! πŸ˜„

Marked as helpful

1

Adrianoβ€’ 34,020

@AdrianoEscarabote

Posted

@ApplePieGiraffe Thanks a lot for the feedback!

I was so focused on making the Contact form that I forgot the small input fields πŸ˜„ thanks for reminding me!

And thanks a lot for the comment!

1

Please log in to post a comment

Log in with GitHub
Discord logo

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