Responsive ecommerce site with React, Typescript, and Tailwind

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

I'm most proud that I was able to work out every problem I had and I would start with scalability in mind. I also would not refine the CSS first. =P

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

• My learning was rocketshipped with this project, especially where to start/how to begin building and structuring a larger site. I only learned this doing it the wrong way lol but what an amazing learning experience! I made the design pixel perfect in CSS using inline Tailwind first when I really should've built the functionality/bones first. I spent a lot of time redoing the CSS after I refactored a couple times, and I made sure it was very close or improved upon.
• A recurring issue I was having was dealing with the various image filepaths, and it seemed like the starter file's organization and naming wasn't conducive to streamlining things but perhaps that was intentional? Or maybe just realistic to real life scenarios. =P
• Learned a lot about how to phrase questions to AI, when I can trust answers and when I should cross-check, the different AI providers strengths, etc.
• My understanding of what makes certain ways of coding more scalable was also greatly enhanced, and I learned first hand as my website got more and more complex.
• Much, much more.

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

Anywhere you see improvements, big or small!

I am still unsure what best practices for tailwind are, and what it's advantages are over regular CSS if you are still creating custom classes and not writing everything inline.