Skip to content
Submitted 3 months ago

Desserts e-commerce page using React and Ant Design with Vite(deload)

Alex 🤸🏻‍♂️•1,020
@sksksk2024
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product list with cart
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

Getting more comfortable writting the code in React, and then deploying on live is a big win for me at the moment!

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

Posting the site live

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

Any advice on how to prevent the errors to occur to a React project is welcome!

Community feedback

  • Edwin Cheng•360
    @edwinc73Posted 3 months ago

    Hey this is awesome! Nice use of context api, to improve this you could use useReducer to make managing complicated states easier. Your method works though.

    I dont see any react specific errors. good job on completing the challenge.

    1
    Alex 🤸🏻‍♂️•1,020
    @sksksk2024Posted 3 months ago

    Firstly, thanks for your feedback, @edwinc73! 😁

    Secondly, I meant about the accessibility issues that you see above the comment section and the solution retrospective. I don't know how to clear it!

    0
    Edwin Cheng•360
    @edwinc73Posted 3 months ago

    I dont have the best solution to this as mine is kind of invalid, however you could change the add to cart elements to a button element which will make it more accessible for keyboard navigation.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord