Crowdfunding Page - Vue3 and Pinia

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

This time I took an approach of finishing most of the layout and styles in raw HTML and CSS first, then create a Vue project and gradually migrate the content by creating different Vue components. I find this method quit nice in terms of seeing everything well visually when handling the interactivity in Vue.

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

I struggled with handling the selection of pledge with the radio button inputs and the number input of pledge amount at the same time. Eventually I decided that there seems to be no where in project brief needing to know the selected pledge, so I focused on getting the pledge amount input and updating the stats.

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

I wanted to have the pledge selection modal open with the specific pledge "pre-selected" if use clicks "Select Reward" on one of the pledges. Initially I did it by adding a "selected" boolean state in Pinia, but then I realized that with this I need to toggle the state everytime the user switched between different radio button selections which turned out to be quite cumbersome and I gave up.. Please let me know what might be a better way to do this! Thank you! :)