/ the-pizza-task-fe：ThePizzaTask的前端解决方案-源码

the-pizza-task-fe：ThePizzaTask的前端解决方案-源码

JavaScript

the-pizza-task-fe：ThePizzaTask的前端解决方案-源码
创意设计过程第一天阅读任务说明后，我发现自己在寻找可以在应用程序中使用的。
我决定花一个小时在Procreate中绘制一些线框图，以使我的想法在明确的时间范围内变得清晰和可实施（我不想在开发过程中花费过多的时间来调整和修复UI，对我而言，这通常是馊主意）。
好的，这是素描会议的结果：上班的手堆根据建议，我选择了以下堆栈来创建前端体验：React.js（用于快速样板创建-React-应用）我已经提交了一些组件来建立文件体系结构以及它们相应的测试文件，这些文件当然都是空的，但仅此而已；
）尾风（）第二天花了我1天的时间来实现该应用程序的响应样式。
达到稳定版本时，我将实现移动滑动版本。
结果如下：稍作调整后，我决定坚持素描，将（-）按钮添加到（添加）的侧面，以一次删除一个披萨。
3/4天这几天的大部分时间是逻辑的实现以及带有reactHooks的

文件下载

资源详情

[{"title":"（81个子文件1.16MB）the-pizza-task-fe：ThePizzaTask的前端解决方案-源码","children":[{"title":"the-pizza-task-fe-master","children":[{"title":".gitignore <span style='color:#111;'>316B</span>","children":null,"spread":false},{"title":"Dockerfile <span style='color:#111;'>219B</span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'>4.11KB</span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'>582.24KB</span>","children":null,"spread":false},{"title":"src","children":[{"title":"Menu","children":[{"title":"Menu.service.mock.js <span style='color:#111;'>2.60KB</span>","children":null,"spread":false},{"title":"MenuLoading.component.js <span style='color:#111;'>128B</span>","children":null,"spread":false},{"title":"MenuPage.component.js <span style='color:#111;'>934B</span>","children":null,"spread":false},{"title":"Menu.component.test.js <span style='color:#111;'>1.41KB</span>","children":null,"spread":false},{"title":"carousell.css <span style='color:#111;'>502B</span>","children":null,"spread":false},{"title":"Menu.service.js <span style='color:#111;'>427B</span>","children":null,"spread":false},{"title":"Pizza","children":[{"title":"Pizza.component.test.js <span style='color:#111;'>1.39KB</span>","children":null,"spread":false},{"title":"Pizza.component.js <span style='color:#111;'>2.77KB</span>","children":null,"spread":false}],"spread":true},{"title":"Menu.component.js <span style='color:#111;'>3.25KB</span>","children":null,"spread":false}],"spread":true},{"title":"Checkout","children":[{"title":"Checkout.service.mock.js <span style='color:#111;'>129B</span>","children":null,"spread":false},{"title":"DeliveryForm.component.js <span style='color:#111;'>3.71KB</span>","children":null,"spread":false},{"title":"OrderSuccess.component.js <span style='color:#111;'>701B</span>","children":null,"spread":false},{"title":"Checkout.service.js <span style='color:#111;'>291B</span>","children":null,"spread":false},{"title":"CheckoutPage.test.js <span style='color:#111;'>0B</span>","children":null,"spread":false},{"title":"CheckoutPage.component.js <span style='color:#111;'>4.52KB</span>","children":null,"spread":false}],"spread":true},{"title":"setupTests.js <span style='color:#111;'>255B</span>","children":null,"spread":false},{"title":"Currency","children":[{"title":"CurrencySwitch.component.js <span style='color:#111;'>927B</span>","children":null,"spread":false},{"title":"Currency.context.js <span style='color:#111;'>2.07KB</span>","children":null,"spread":false},{"title":"Currency.service.js <span style='color:#111;'>439B</span>","children":null,"spread":false}],"spread":true},{"title":"assets","children":[{"title":"logo.png <span style='color:#111;'>14.62KB</span>","children":null,"spread":false},{"title":"cart.svg <span style='color:#111;'>393B</span>","children":null,"spread":false}],"spread":true},{"title":"Shared","children":[{"title":"Button.component.js <span style='color:#111;'>1.18KB</span>","children":null,"spread":false},{"title":"Price.component.js <span style='color:#111;'>935B</span>","children":null,"spread":false},{"title":"Button.test.js <span style='color:#111;'>325B</span>","children":null,"spread":false},{"title":"Base.service.js <span style='color:#111;'>470B</span>","children":null,"spread":false},{"title":"Nav.component.js <span style='color:#111;'>3.18KB</span>","children":null,"spread":false},{"title":"Page.component.js <span style='color:#111;'>202B</span>","children":null,"spread":false},{"title":"Empty.component.js <span style='color:#111;'>188B</span>","children":null,"spread":false},{"title":"LoadingText.component..js <span style='color:#111;'>404B</span>","children":null,"spread":false},{"title":"OrderDetail.component.js <span style='color:#111;'>2.90KB</span>","children":null,"spread":false}],"spread":true},{"title":"index.js <span style='color:#111;'>219B</span>","children":null,"spread":false},{"title":"helpers","children":[{"title":"OutsideClick.hoc.js <span style='color:#111;'>687B</span>","children":null,"spread":false},{"title":"useStorage.hook.js <span style='color:#111;'>1.44KB</span>","children":null,"spread":false},{"title":"TouchWithMouse.hoc.js <span style='color:#111;'>7.55KB</span>","children":null,"spread":false},{"title":"useWindowSize.hook.js <span style='color:#111;'>764B</span>","children":null,"spread":false},{"title":"NonPasiveTouchTarget.js <span style='color:#111;'>1.51KB</span>","children":null,"spread":false}],"spread":true},{"title":"Cart","children":[{"title":"Cart.service.js <span style='color:#111;'>353B</span>","children":null,"spread":false},{"title":"Cart.service.mock.js <span style='color:#111;'>182B</span>","children":null,"spread":false},{"title":"Cart.component.js <span style='color:#111;'>3.73KB</span>","children":null,"spread":false},{"title":"OrderSummary.component.js <span style='color:#111;'>1.40KB</span>","children":null,"spread":false},{"title":"Cart.context.js <span style='color:#111;'>2.39KB</span>","children":null,"spread":false},{"title":"CartPage.component.js <span style='color:#111;'>530B</span>","children":null,"spread":false}],"spread":false},{"title":"App.js <span style='color:#111;'>1.58KB</span>","children":null,"spread":false},{"title":"App.css <span style='color:#111;'>95B</span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'>939B</span>","children":null,"spread":false},{"title":"App.test.js <span style='color:#111;'>296B</span>","children":null,"spread":false}],"spread":false},{"title":".dockerignore <span style='color:#111;'>63B</span>","children":null,"spread":false},{"title":"integration","children":[{"title":"complete-workflow.test.js <span style='color:#111;'>2.68KB</span>","children":null,"spread":false}],"spread":true},{"title":"public","children":[{"title":"favicon-32x32.png <span style='color:#111;'>1.17KB</span>","children":null,"spread":false},{"title":"favicon-16x16.png <span style='color:#111;'>590B</span>","children":null,"spread":false},{"title":"android-chrome-192x192.png <span style='color:#111;'>9.68KB</span>","children":null,"spread":false},{"title":"robots.txt <span style='color:#111;'>67B</span>","children":null,"spread":false},{"title":"apple-touch-icon.png <span style='color:#111;'>8.39KB</span>","children":null,"spread":false},{"title":"android-chrome-512x512.png <span style='color:#111;'>29.93KB</span>","children":null,"spread":false},{"title":"site.webmanifest <span style='color:#111;'>598B</span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'>2.61KB</span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'>15.04KB</span>","children":null,"spread":false}],"spread":true},{"title":"docker-compose.yaml <span style='color:#111;'>365B</span>","children":null,"spread":false},{"title":"nginx","children":[{"title":"nginx.conf <span style='color:#111;'>883B</span>","children":null,"spread":false}],"spread":true},{"title":"scripts","children":[{"title":"build.js <span style='color:#111;'>6.70KB</span>","children":null,"spread":false},{"title":"test.js <span style='color:#111;'>1.32KB</span>","children":null,"spread":false},{"title":"start.js <span style='color:#111;'>5.20KB</span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'>3.10KB</span>","children":null,"spread":false},{"title":"REACT-CREATE-APP.md <span style='color:#111;'>2.82KB</span>","children":null,"spread":false},{"title":"config","children":[{"title":"webpack.config.js <span style='color:#111;'>28.74KB</span>","children":null,"spread":false},{"title":"jest","children":[{"title":"fileTransform.js <span style='color:#111;'>1.23KB</span>","children":null,"spread":false},{"title":"cssTransform.js <span style='color:#111;'>314B</span>","children":null,"spread":false}],"spread":false},{"title":"getHttpsConfig.js <span style='color:#111;'>1.82KB</span>","children":null,"spread":false},{"title":"modules.js <span style='color:#111;'>3.81KB</span>","children":null,"spread":false},{"title":"pnpTs.js <span style='color:#111;'>620B</span>","children":null,"spread":false},{"title":"webpackDevServer.config.js <span style='color:#111;'>6.80KB</span>","children":null,"spread":false},{"title":"paths.js <span style='color:#111;'>2.15KB</span>","children":null,"spread":false},{"title":"env.js <span style='color:#111;'>3.92KB</span>","children":null,"spread":false}],"spread":true},{"title":"docs","children":[{"title":"images","children":[{"title":"pizza-task-desktop-0.1.png <span style='color:#111;'>97.34KB</span>","children":null,"spread":false},{"title":"desktop-sketch.jpg <span style='color:#111;'>527.39KB</span>","children":null,"spread":false},{"title":"mobile-sketch.jpg <span style='color:#111;'>417.76KB</span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"tailwind.config.js <span style='color:#111;'>213B</span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

其他资源

免责申明

【好快吧下载】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【好快吧下载】无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论【好快吧下载】经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，8686821#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见版权及免责申明