Latest solutions
Ecommerce product page
#react#redux-toolkit#tailwind-css#reduxSubmitted 6 months agoAny feedback is appreciated
Latest comments
- @ansarstellarSubmitted 7 months ago@simplyObarePosted 6 months ago
your interactive rating component looks great but you've submitted it at the wrong place since this is for the ecommerce product page
0 - @dejuliansrSubmitted 7 months ago
- @KapteynUniverseSubmitted 7 months agoWhat specific areas of your project would you like help with?
I would like to see feedback about accessibility. There are a lot to digest in this learning path.
@simplyObarePosted 7 months agonice work, though I couldn't see the modal after submission
0 - @KapteynUniverseSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
Reposting to progress learning path. Actually made without Js. Also learned details element and srcset attribute. Looks like details can't get a transition value tho, i would like to know if there is a way.
@simplyObarePosted 7 months agoLove it, but you should probably add a shadow to the card to make it more visible.
1 - @Mubarak-AdeyemiSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
I’m most proud of successfully implementing the popovertarget attribute and creating a fully accessible design using ARIA attributes. I also achieved a smooth user experience with form reset functionality after modal interaction. Next time, I’d focus on adding real-time form validation and improving keyboard accessibility for even better usability.
What challenges did you encounter, and how did you overcome them?The biggest challenge was integrating the popovertarget within the form. The form's default behavior was interfering with the modal popover. I solved this by using e.preventDefault() to manually handle form submission and modal display. I also encountered difficulties with error messaging, which I fixed by switching from the hidden attribute to using classList in JavaScript along with aria-live to make error messages accessible.
- @yahappylemonSubmitted 8 months ago