foodfy:为一家名为Foodfy的食谱公司开发完整的网站

挑战：建立Foodfy “你唯一的限制就是你自己！” 关于挑战 :rocket: 为一家名为Foodfy的食谱公司建立一个完整的网站。 提示和规则 在配方页面上，当用户单击配方时，屏幕上应该会出现一个模态，其中包含与他单击的配方相同的信息。 挑战：重构Foodfy 关于挑战 :rocket: 在这个挑战中，我们必须重构，即重写上一个挑战Foodfy的代码的某些部分。 做了什么 :memo: 使用以下技术创建服务器： 节点JS 表示 修女 Nodemon 浏览器同步 npm-run-all 配置服务器后，我们在server.js文件中设置路由，并将所有配方数据放入data.js文件中。 然后，我们使用Nunjucks作为模板引擎以动态方式Nunjucks了静态数据的前端，从而使我们能够使用HTML代码中的变量并动态获取数据。 配方细节 现在，单击配方时，必须将用户重定向到一个新页面，其中包含所有配方信息，例如