Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

ReactJS, Hooks, HTML, CSS, State Management

#react#styled-components
P
AK 6,700

@skyv26

Desktop design screenshot for the E-commerce product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


It took me around 5 days to complete this challenge. I love this challenge because I learnt a lot. But still I need improvement. Please give me any suggestion, tip or trick. I'll really appreciate

Community feedback

Wallnuts 110

@WallNutss

Posted

Hey, thanks for the feedback. I also just see your work and test it on different device width. I notice some issues that I believe that still remain in my previous work on this challenge

  1. Is it just me or isn't it will be cooler if when we push the minus or plus it will automatically update the state or the item we want to buy rather have to push the checkout button? I believe convenience like that will be useful and applicable rather rigid itself like that
  2. Yes this is also my problem in also previous work. Did you notice that what if the user doesn't wanna use the plus/minus button? rather than that, straight just using the input with reason want to buy bulk of that product? I notice I can't edit the input on how many items you want to buy, because In it you locked it so we can't edit them. In my case, I have troubled binding the input to the js and how to manipulated them
  3. In modal state, I notice some bugs, where if you happen to click the cart thingy and after that the modal, they will appear at the same time, where it becomes annoying I guess(Note I do have this problem as well xD but I make it the modal overlap the cart). It would be nice if you click the modal, the cart total sum close automatically
  4. your design? its so good, yeah frameworks do make it easier but nevertheless I don't see many problem. But there are some too, in around width 747px, you make your height too big, making it cover the other parts. But man I guess all there it is, your design looks clean to me

Well there you have it, thanks for your feedback to by the way and thanks for listening ^^

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

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