#1 What should I eat today? 今天吃什麼好?

Demo

• URL：Demo
• GitHub: WSIET

Description

• 午餐抽籤轉盤器
• 地圖找食物
• 選擇困難者福音
• 貓貓抽卡系統

Introduction

Do you have no idea what to eat for Breakfast? Then you really came to the right place! Hurry up and click the button to use our service! We'll give you with Decidophobia a great idea about breakfast. We not only serve breakfast, but also lunch and dinner!

Technology

• Html5
• Sass
• JavaScript
• Jquery
• ESLint
• Confetti.js
• Vue.js (Vue3)
• Bootstrap
• RWD
• Observers
• Git Version Control

Images Source (CC0)

1. Beautiful Free Images & Pictures | Unsplash
2. Vector Icons and Stickers - PNG, SVG, EPS, PSD and CSS
3. 🍔 Food & Drink Emoji Meanings
4. SVG Repo - Free SVG Vectors and Icons

Screenshot

總共六個頁面，不包含 RWD 手機觀看的畫面部分展示 (可以自己開啟網頁看看呦(´･ω･`))

主頁面

(1) 主頁面

鄰近店家頁面

(2) 鄰近店家頁面

轉盤頁面

(3) 轉盤頁面

卡冊頁面

(4) 卡冊頁面

卡冊頁面 - 下部分

(5) 卡冊頁面 - 下部分

更新日誌頁面

(6) 更新日誌頁面

隱藏頁面

(7) 隱藏頁面

抽卡畫面

(8) 抽卡畫面

載入畫面

(9) 載入畫面