pangaea lumskin:Pangea Lumskin挑战 源码

Pangea Lumskin挑战 为了应对这一挑战,我们将使用ReactJS中的GraphQL API重新创建luminskin.com产品页面和购物车。 这并不一定是像素完美的娱乐,但是您越精确,它就会越好。 总体而言,我们要评估的是功能,改进(即生产质量)和代码质量。 产品页面要求 应从查询,检索产品并将其显示在网格中。 随意使用诸如Apollo Client之类的graphql客户端库。 每个项目都应显示图像,标题,价格和“添加到购物车”按钮。 对于宽于768像素的屏幕,它应显示3个项目的网格,而小于768像素的宽度,则应显示两个宽的网格。 购物车要求 当用户单击某项上的“添加到购物车”时,应打开购物车侧栏并将其添加到其中。 如果该物品已经存在,则应增加数量。 单击+或-按钮将增加或减少数量,如果数量为1并且按下“-”按钮,则应删除该项目。 在左上角有一个货币选择,这样做应