Frontend Quiz app using React and GSAP

What are you most proud of, and what would you do differently next time?

I'm proud that I finished my first React project without needing much help. At first, learning React felt a bit overwhelming, and I didn’t feel completely ready, but I decided to step out of my comfort zone and just go for it. Working on this project helped me understand hooks like useEffect, useState, and useRef much better, and I feel more confident using them now. I'm also happy I added some GSAP animations and sound effects for right and wrong quiz answers, it made the project more fun and interactive.

What challenges did you encounter, and how did you overcome them?

Implementing GSAP with React was challenging because of the declarative nature of React and the limited number of GSAP with React tutorials out there. I used ChatGPT to understand how to make it work, and once I figured things out, I was able to implement the animations on my own.

What specific areas of your project would you like help with?

Since this is my first React project, I feel like I need to improve how I structure my JSX. Right now, one of my components is doing most of the work, and I think I should break it down into smaller, more focused components. I'm not sure if I'm doing it the right way, so I'd really appreciate any suggestions on file structure, code improvements, or best practices in general.