All solutions

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

I'm proud I was able to solve all the problems, although it took me time to figure it out, I still solve it, learnt a lot in the process too.

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

Lots of challenges with the storing of the selected data and getting it in another component, at the same time making it known to all the components that needs to track what goes on with the selected cart data. It was a very hard thing to figure out, but with perseverance (trust me I did get tired at some point) and needing to know what was wrong and learning from it, I googled and ask GPT questions I was able to solve it one way or another. Was fun too 😁 I guess ...

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

With the order confirmed modal, The design wasn't actually clear to know it content's length, so I had to go around it with giving it a max height and overflow. So, with lots of selected cart data the modal content will have a vertical scroll bar.

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

I'm proud for being able to solve all the problem I had

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

I had challenges with the list item and their marker, also with styling the table element, with the help of Chat Gpt, I was able to solve along the way learn new things

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

I'm proud that I was able to finish this challenge so easily with React. React made it easy to use html and JS, so closely for making most of what the challenge required

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

One of the challenge I encountered was the removing of the cart data after adding it. The Cart pop up component was a child component of my Header component, making a change state caused by removing the cart data (clicking the delete icon) in the child component also affect the parent component. I had to figure out a way to avoid a change in state when clicking the delete icon, by implementing a useReducer/Context state management

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

Nowhere really, I think i was actually able to finish and solve the challenge and bugs I had.