專案介紹
線上點餐網站讓使用者可以瀏覽不同餐廳的菜單、查看餐點內容並進行點餐。
專案背景
此專案源自 2024 年的一次實習面試。在第一階段面試中，面試官以公司的外送平台首頁為例，詢問我需要幾天才能完成類似的畫面。當時我預估約需五天，因此在第一階段與第二階段面試之間的等待期間，為了驗證自己的實際開發速度，我實際製作了模擬外送平台的點餐首頁與店家頁面。為取得更接近實務情境的餐點資料，我建立後端並串接 TheMealDB API，將取得的餐點與菜單資料整合到網站中。最終整個專案花了兩天完成，也讓我實際驗證自己完成面試要求所需的時間，並展現對這次實習機會的積極態度與執行力。
專案展示
首頁
使用者可以瀏覽依類別排列的餐廳，並選擇餐廳進入詳細頁面。
餐廳詳細頁面
餐廳頁面會顯示評分、餐點類型、地點與圖片，並提供完整菜單供使用者選擇餐點。
餐點詳情
使用技術
- React：建立餐廳、菜單與餐點詳細頁面
- SCSS：設計網站樣式與版面
- Node.js：建立後端
- TheMealDB API：取得餐點與菜單資料