I learned a lot—for example, how to work with React Context and how to connect all the components together.
What challenges did you encounter, and how did you overcome them?Honestly, the entire process of building the app was a huge challenge for me.
What specific areas of your project would you like help with?Any feedback or suggestions are greatly appreciated.
"Hey, this Kanban board is really awesome, I absolutely love it. Just a small suggestion: I couldn't find a button to unhide the side menu. Other than that, it's fantastic!
I am really just happy, my javascript skills are tested and i completed the project to the best of my ability.
What challenges did you encounter, and how did you overcome them?Hey, great job! I have a few suggestions:
Maybe you could add validation to prevent inputting negative values (-) and letters. You can use regex for validation and add an event listener for 'keyup' or 'keydown' on the input, so the value changes update instantly without needing to click the tip percentage.
For the tip selection, I think using radio buttons would make DOM manipulation easier, and for the custom field, using a number input would be best.
You could create variables like tipPercent, radioPercent, and customPercent.
If you select a radio button, set customPercent to '' and tipPercent to radioPercent.
If you enter a number in customPercent, set radioPercent to '' and tipPercent to customPercent.
Hope that helps
Hi! RE: the number rating, is this the best practice (for accessibility) with the number buttons? Do you have better alternatives?
Thank you! Also any kind of feedback is welcome
Hey, what you've done so far is great! I have a suggestion, though: maybe you could use radio buttons for selecting the rating number. I think it would be easier because we’d only need to focus on the active element. Right now, when I click on number 3, number 2 turns white, and when I press number 4, number 3 doesn't go back to its original color. You’d need to add some more conditions in the code for that
I think that despite taking a really long time to just finish this page, I'm proud that I managed to make it a little close to the reference.
What challenges did you encounter, and how did you overcome them?There's a lot! The bootstrap itself is something I haven't used in a while, especially 5 so I had to use its documentation and lots of researching on google to overcome this hurdle. I learned about the flex on bootstrap and how convenient it is. I also had issues when I deployed this on netlify, I thought it was a deployment issue but turns out I needed d-flex on that particular div and somehow it was fixed. It worked fine locally where its parent div contained the d-flex, so I'm still a bit lost on this part.
I think I REALLY need help when you click the product, there's a lightbox thing or modal where it shows the product, I can't make the left and right button to work. I also mentioned the d-flex on the question above and I believe I am still lacking in many parts so any feedback / help is VERY MUCH appreciated!
The issue seems to be with calling JavaScript, especially jQuery. There's an error message saying "$ is not defined," which means it's not defined yet. I'm not sure if Bootstrap already includes jQuery or not, but if you add this code to the head section:
Site is working and responsive, but I will refactor it first, then outsource the state management to Content API or Redux
What specific areas of your project would you like help with?I didn't want to modify the given JSON data file, so I track the orders / cart-items in a derived data I create from that. The solution works but I feel it is a bit messy. I'm open to any critical thougts about that, or anything else :)
Hello, it's a very good result, but I think you can still make a slight adjustment. Instead of basing the 'add to cart' on isActive, it should be based on qty, because when I tried clicking, the qty displayed was 0 instead of 1, so it didn't go directly to the cart.
not much
What challenges did you encounter, and how did you overcome them?routing it in github pages was the hardest part. used vercel instead.
What specific areas of your project would you like help with?there was supposed to be floaty. if you help me i will be gratefull.
Hello, there might be several ways to do this:
First, you can apply position: absolute to the card and then adjust the top, bottom, and left properties as needed.
Second, you can set the height: 0 and margin-top: 10rem on the section wrapper of the card.
