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

FAQ-Accordion. React, Styled-components, vitest, react-testing-library

P

@brodiehunt

Desktop design screenshot for the FAQ accordion coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


FAQ-Accordion component built with React. Hi guys, with this project I was really trying to focus on accessibility and testing. I have one bug I can't figure out. When I run the project on my local machine the background-image works fine, however after deployment it doesn't. It's my first time deploying a react application to github pages, so I'm not sure if its something to do with deployment. I would love some feedback on the following areas:

  • My implement of semantic HTML. I tried to make the component accessible, screen reader and keyboard navigation friendly.
  • The test suites. Were they rigorous enough? I'd appreciate any feedback honestly.

Community feedback

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