文件名称:Forkify:基于food2fork API的食品食谱应用程序。 通过Webpack使用Vanilla Javascript构建
文件大小:1.16MB
文件格式:ZIP
更新时间:2024-05-17 17:08:49
javascript babel express webpack html5
分叉 Forkify是一个普通JavaScript应用程序,可与food2fork API交互以获取和显示食谱食品数据。 该应用程序使用现代JavaScript工具(例如Webpack)捆绑模块,并使用Babel将ES6,ES7和ES8转换回ES5。 用户可以搜索特定的食谱,并通过本地存储将食材添加到购物清单或保存到收藏夹清单。 我创建了一个简单的Express服务器,以便通过Heroku托管应用程序。 该应用已部署并可以使用- 该项目来自Jonas Schmedtmann的Udemy的“完整JavaScript课程”。 我的其他功能和代码重构包括- 在配方视图.js中重构了formatCount函数。 现在,功能将计数数据四舍五入到最接近的四分之一,从而使用户更易于管理配方量。 例如。 1 1/2盎司,5 3/4克等 Recipe.js中的重构parseIngredients函数。
【文件预览】:
Forkify-master
----.babelrc(211B)
----package.json(697B)
----readme.md(2KB)
----server.js(376B)
----dist()
--------css()
--------img()
--------index.html(18KB)
----src()
--------index.html(18KB)
--------js()
----.gitignore(56B)
----webpack.config.js(691B)