【文件属性】：
文件名称：foodfy:为一家名为Foodfy的食谱公司开发完整的网站
文件大小：2.16MB
文件格式：ZIP
更新时间：2021-05-15 05:48:51
JavaScript
挑战：建立Foodfy
“你唯一的限制就是你自己！”
关于挑战 :rocket:
为一家名为Foodfy的食谱公司建立一个完整的网站。
提示和规则
在配方页面上，当用户单击配方时，屏幕上应该会出现一个模态，其中包含与他单击的配方相同的信息。
挑战：重构Foodfy
关于挑战 :rocket:
在这个挑战中，我们必须重构，即重写上一个挑战Foodfy的代码的某些部分。
做了什么 :memo:
使用以下技术创建服务器：
节点JS
表示
修女
Nodemon
浏览器同步
npm-run-all
配置服务器后，我们在server.js文件中设置路由，并将所有配方数据放入data.js文件中。
然后，我们使用Nunjucks作为模板引擎以动态方式Nunjucks了静态数据的前端，从而使我们能够使用HTML代码中的变量并动态获取数据。
配方细节
现在，单击配方时，必须将用户重定向到一个新页面，其中包含所有配方信息，例如
【文件预览】：
foodfy-develop
----.gitignore(98B)
----README.md(4KB)
----public()
--------css()
--------js()
--------assets()
----foodfy.sql(12KB)
----package.json(711B)
----prettier.config.js(91B)
----src()
--------server.js(542B)
--------data.json(7KB)
--------app()
--------routes.js(1KB)
--------config()
--------lib()
----.editorconfig(230B)