responsive dictionary web app with react and scss

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

I feel like this would have been easier for me to do in vanilla js. I wanted to use this project to learn react. I decided not to overcomplicate things and only use the basics of react that I know. Even then I feel like this project was still confusing. I most likely used a lot of unnecessary code but at least I got it working 🥲

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

Making the theme switcher was a real hassle. I ended up using useEffect and a bunch of conditions in the main App.jsx file to apply the theme swicther globally. Transferring the search data between components. I solved this by passing the handleSUbmit function as a prop to the Header component that contained the input element so that I could access the value form the parent component. Handling situations where words don't have certain objects, like no audio or synonym. I just used a tenary conditionals for this.

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

I couldn't figure out how to automatically search using the synonym button.

I would also appreciate advice on how to plan for react projects more efficiently as I kind of just went in blind with this one using only the basics of react that I knew