buybyebuy:使用React的网上商店模拟

BuyByeBuy —在线商店模拟 仅限前端的网上商店模拟。 。 玩得开心！ 技术与工具 React（Hooks API） 上下文API React路由器 样式化的组件 材料设计图标 Google表格（数据存储） Canva（设计与原型制作） 该项目是通过引导的。 外观 手机屏幕截图 平板电脑/台式机屏幕截图 挑战性 为了在“产品”页面上显示数据，我创建了一个Google表格并将其转换为JSON端点，然后使用它来获取数据。 在商店模拟中，我将获取的产品存储在应用程序的上下文中。 设计应用程序是另一个棘手的部分，特别是以模块化方式设计组件的样式。 最初，我使用普通CSS，这不是最好的决定。 因此，尽管重构花费了一些时间，但我还是使用样式化组件以更加整洁的方式来组织样式。 在本地运行应用 克隆存储库，然后在项目目录中运行npm install来安装依赖项。 npm run star