What are you most proud of, and what would you do differently next time?
This is my second project using React!
I'm happy to have managed to build a more complex layout, with dynamic rendering. The reviews are stored in a seperate js file, and imported dynamically so the layout adapts to the number of reviews.
This allowed me to easily get the offset effect.
What challenges did you encounter, and how did you overcome them?
I struggled to do the same with the 5 star reviews, as I couldn't figure out how to access the array I had created in App.jsx (without just copying the constant).
In the end, I just hard coded it.
What specific areas of your project would you like help with?
I am not quite familiar with hooks, I chose a simple solution from the web to use media queries. If there's something I could have done better, feel free to tell me.
I had some trouble with the nutrition table, originally wanting to make it an actual table html element. Since I struggled with it, I resorted to something simpler, but feel free to tell me how I could have done it with the actual table.
I also could manage to vertically align the bullet points to the center, and had some trouble making them their own color.
If you have any suggestions or judgement, feel free to tell me.
This is my 4th time using tailwind, but it wasnt the biggest problem here.
As this was my first time writing something myself in javascript, it took me some time and there are a LOT of extra lines that could have been optimized.
So, feel free to check the code and tell me how i could improve my javascript coding.
Also, I didnt really focus on perfecting properties like font sizes, margins, and all that stuff so it doesnt look exactly correct.