All solutions

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

Had a slight issue where when I remove an item in my cart by clicking the "x" icon, it removes it but the state isn't updated on the dessert grid.

Meaning, if I had 4 items added into the cart and I delete them with the "x", the cart is empty yes, but the grid still shows that I have 4 items added. I need to manually decrement the quantity. So if there is a way to fix it, it would be great to know

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

I'm proud I was able to start learning react and tailwindcss together

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

My biggest issue is the length of the grid. I tried setting a max height in regard to viewheight but when I open the web console the grid collapses can't really figure out a solution. Ended up just setting a min-height and left it as is.

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

As mentioned above, I have trouble making the grid unaffected by me opening the web console.

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

I'm proud to make the layout as close as possible to the actual design. Maybe, in future projects, I could try making it using flex rather than bootstrap grid. Sometimes I don't know which to use.

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

The hardest thing was tinting the picture purple. I have searched for some solutions but ended up using a css filter property which doesn't seem as nice as the design.

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

If anyone ever reads this and has an idea how to tint the picture better than what I did, then feel free to comment to let me know ! :)

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

I'm happy that I learned how to use bootstrap for form validation as well as using toasts while doing this project. It will be a beneficial reference for future contact form designs where I can try implementing it with React.

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

One of the challenges in this project was the form validation invalid feedback which was a text that appears in red when the input isn't what the form expects. I managed to overcome it by reading the Bootstrap's documentation on their form validation feature

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

I had a little issue where I couldn't place the form in the center of the page because whenever I do so and open up the web console or change the window's width/height, some of the form would be cut off. In the end, I settled with giving it a top & bottom margin to give it some space around the edges.