跳到正文
DEV Community· NelsonLAN·· 2 小時前AI 評分31

非電腦科學系學生如何設計一款更貼合本地餐廳特色菜式的餐牌翻譯工具

How a non-CS student approaches the topic of "A menu translator for a local restaurant that handles their specific dishes better than a generic tool"

AI 導讀

一名具低程式碼背景的數碼媒體學生,嘗試設計一款更貼合本地餐廳特色菜式的餐牌翻譯工具。原型以 JSON 整理烹調方式、所用動物及部位和過敏原標記,並以簡單 HTML、CSS 和 JavaScript 建成可在本機使用的網頁應用。方案可透過匯出 HTML 並以 JSON 儲存,擴展至伺服器—用戶端架構;專門工具亦可呈現食材、地區背景、風味及飲食限制資訊。

正文

NelsonLAN

Hacktoberfest Open-Source AI Challenge Week 2: Side Hustle Submission 💸

This is a submission for the Hacktoberfest Open-Source AI Challenge Week 2: Side Hustle


What I Built

Topic:

A menu translator for a local restaurant that handles their specific dishes better than a generic tool.


Research Aim:

  • To examine how a non-CS student (Digital Media, with a low-code background) can implement this topic.

Why Does Open Innovation Matter?

【A. Pain Points / Why Generic Translators Fall Short】

  1. Literal Naming: Tools like Google Translate convert regional slang, or speciality cooking methods word-by-word, leaving you with confusing names like "husband and wife lung slices" or parts that make no sense.

  2. No Preparation Info: Generic apps rarely explain how a dish is cooked (e.g., braised, stir-fried, clay-pot) or what flavour profile to expect (sour, numbing-spicy, sweet-and-sour).


【B. What Specialised Menu Tools Do Differently】

Users and owners have UX concerns.

  1. Dish-Level Context: Apps built for food translation explain the actual ingredients, regional background, and flavour profiles.

  2. Allergy and Dietary Filters: Dedicated tools let you flag common allergens (shellfish, peanuts, gluten, dairy) or dietary restrictions to warn you or fade out unsafe options.

  3. Restaurant-Facing Publishing Tools: If you are a restaurant owner looking to publish your own custom menu, specialised workflows.


【Creative Coding Technologies】

  1. Applied some JSON structure to structure it to indicate how the dish is prepared, what animal (+parts) is in it, actual allergy flags, etc other concerns.

  2. Used minimal HTML, CSS, and JS as local web-based apps; can be expanded into Server-Client hosting by exporting into HTML and JSON structure storage.


Artefact / Demo / Code

Topic : [Example Topic] A menu translator for a local restaurant that handles their specific dishes better than a generic tool.

【Why Generic Translators Fall Short】

  1. Literal Naming: Tools like Google Translate convert regional slang, local protein cuts, or speciality cooking methods word-by-word, leaving you with confusing names like "husband and wife lung slices" or literal animal parts that make no sense.

  2. No Preparation Info: Generic apps rarely explain how a dish is cooked (e.g., braised, stir-fried, clay-pot) or what flavour profile to expect (sour, numbing-spicy, sweet-and-sour).

【What Specialised Menu Tools Do Differently】

  1. Dish-Level Context: Apps built for food translation explain the actual ingredients, regional background, and flavour profiles.

  2. Allergy and Dietary Filters: Dedicated tools let you flag common allergens (shellfish, peanuts, gluten, dairy) or dietary restrictions to warn you or fade out unsafe options.

  3. Restaurant-Facing Publishing Tools: If you are a restaurant owner looking to publish your own custom…

https://nelsonlan01.github.io/Hacktoberfest-2026-Project-Menu/

來源:DEV Community · dev.to