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

E-commerce sneakers shop Built with React, TailwindCss and Typescript

Jo89 😈 380

@AhmadYousif89

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


Hi there 👋

This challenge was really awesome 👍 so I thought why not make it a little bit bigger so I decided to add some adjustment and features and I hope you guys like it.

For now I just built the home, product and checkout pages but I might continue developing this site in the future and add more features and pages, and maybe one day will take it to a full-stack level 🚀.

Let me know if you guys like the project I really appreciate your comments and your feedback.

Keep Coding 💻

Community feedback

@azick99

Posted

Hey there! I really like it and I see you worked on this project a lot !

Let me give some feedbacks that you can improve further,

  1. I think you about mobile version, it would be better to make.

  2. adding to cart, It would be better to add for each product, but in your cart only one addition.

0

Jo89 😈 380

@AhmadYousif89

Posted

@azick99 Hi Azizbek 👋

Thank you so much for your comment, I really appreciate it.

I'm afraid I didn't fully get what you're saying tho 😅 can you rephrase your comment.

If what you're referring to is the items in the category section isn't being "interact-able" (you can't add them to the cart) but that would make the project much more complex and will require a lot of assets to deal with.

But if you're referring to the "add to cart" btn in the product page then the main idea I had was to mock the idea of each product having it's own "in-stock" available quantity, so you're being limited to that certain amount of quantity, therefore I had to make it like that (increasing the amount only incrementing the quantity in cart by 1) , but of course if you go to the checkout page you can still increment the quantity anyway 😅 but I might refactor the code and add more features anyway in the future.

0

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