Global Gourmet Spark - Dynamic Web Design
Global Gourmet Spark is the webpage me and Shampi Roy achieved in the Dynamic Web Design course. This course mainly focuses on designing a user-friendly webpage and developing using fat free framework (a PHP framework).
Global Gourmet Spark - 全球美食家们的灵感火花 ，是我和 Shampi Roy 在 Dynamic Web Design 课程上共同完成的网站。这门课程着重于设计用户友好的网页，并通过 fat free framework （PHP 框架）完成网页开发。
Different from other platforms that target people's recipe searching pain points, our webpage concentrates on pushing clear content randomly, bringing the spark to the users. In our navigate mode of view recipe, our webpage will deliver a random recipe from our database. Users can see basic info from the recipe tags (#recipe type, #number of diners, etc), look through more detail in external URL, or switch to the next recipe by clicking the "next".
与大多数针对用户查询食谱痛点而设计的平台不同，我们的网站着眼于通过随机推送的方式向用户展示简洁明了的美食信息，给用户带来美食灵感。在食谱的探索模式，网页会随机将数据库中的食谱推送给用户，用户可以在页面上看到最基本的美食标签（#食物类型，#用餐人数等），可以通过外链 URL 查看更详细的内容，也可以通过点击 “不喜欢” 随机到下一个食谱。
(Navigate Recipe)
（探索食谱）
The search mode for recipe viewing offers the ability to search for recipes by tag. Recipes that match the filter criteria are presented as cards. Clicking on a card will take users to the external URL for more information.
食谱的搜索模式提供通过标签检索食谱的能力，符合筛选条件的食谱以卡片的形式呈现。点击卡片可以进入外链 URL 来获取更多信息。
(Search Recipe)
（搜索食谱）
After logging in, users can share their recipes to the database and see their belonging recipes on their profile page. Our test accounts are attched below, enjoy : )
登陆之后，用户可以分享自己的食谱到网站数据库中。在个人页面，可以看到自己所属的食谱。我们的测试账号如下，欢迎您尝试 : )
Account: jingyi
Password: test
(Share Recipe)
（分享食谱）
(Profile)
（个人页面）
In this project, I was mainly responsible for the front-end and back-end development and prototype design. Shampi did the UI design. The CSS was completed with the help of tailwind. The database was managed using phpMyAdmin. The domain was provided by the University of Edinburgh.
在项目中，我负责前后端开发和原型设计，Shampi 负责 UI 绘制。其中 CSS 部分使用了 tailwind。数据库使用 phpMyAdmin 进行管理。域名由爱丁堡大学提供。
