Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 3 years ago

FAQ accordion card solution

react, vite, animation
The Nghia•140
@dothenghia
A solution to the FAQ accordion card challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


This is my second project using ReactJS, and this project doesn't have too much difficulty in JS code - but the hard part is mainly in the CSS part.

  • I realized a cool thing in the process, that is the difference between e.target and e.currentTarget (e.target is what triggers the event dispatcher to trigger and e.currentTarget is what you assigned your listener to) . Because before I only used e.target without knowing about e.currentTarget , but thanks to e.currentTarget I was able to fix the event handling error in this project. 🤣🥰

🤗Looking forward to receiving feedback from everyone about Animation and UI🤗

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on The Nghia's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License