Skip to content
Submitted over 2 years ago

Responsive product page using REACT(with Context API) + TailwindCSS

Prabhash Ranjan•2,540
@besttlookk
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

In this challenge i used

  • Context-API for state management,
  • useReducer for handling differnce action related to cart,
  • localStorage for persiting items in cart,
  • I tried to use all the best practice which i know of...

Sugesstions are always welcome. Thank You.

Community feedback

  • Irina Lagutina•490
    @FoxMalder-coderPosted over 2 years ago

    Hi! Thanks for your feedback! I've see some little things on your's :) About design:

    • on desktop menu items have normal font-weight;
    • orange border on active thumbs not opacue;
    • in lightbox cross has white color in normal state; About functionality - if you use localsrotage on adding item first you need to check whatever this item allready in cart. If so, just correct quantity not adding another one.
    0
    Prabhash Ranjan•2,540
    @besttlookkPosted over 2 years ago

    @FoxMalder-coder Okay, i will look into it. Thanks ...

    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