Design Portfolio

Front End Portfolio

Nomad Go戶外社群網站

Nomad Go戶外社群網站

Nomad的意思是遊牧民族，運動的同時享受大自然的一切，大自然就是我們第二個家。
進入戶外圈的同時，很容易因為周遭沒有相同類型的朋友、沒有前輩的教導而卻步，因此想打造一個專屬戶外圈的社群平台，在上面可以分享許多山林知識、戶外技巧，裝備推薦等相關文章，主要也可以上大家在社群尋找到屬於自己的群體，讓你能輕鬆認識一樣熱血且懂的享受生活的新朋友！在這裡可以盡情享受屬於自己的戶外同溫層，一起挑戰自己一起享受生活。

◆ Vue
◆ Quasar
◆ 套件運用( mongoose, validator, dotenv, axios...)

Mountaineering - 台灣登山 GPX 路徑軌跡查詢 (linebot)

◆ 串接網站資料API
◆ 陣列處理

番茄鐘計時器

可以時間倒數、新增修改代辦事項、已完成清單。

◆ Vue CLI 開發工具
◆ Vuex
◆ BootstrapVue 切版

色盲檢測-翻牌遊戲

用 jQuery 打造的翻牌遊戲，翻出相對應的色盲卡與符號，總共有兩種難度等級，如錯誤太多會提醒可以去做個色盲檢查。

攀岩官網

從 TemplateMonster 網站中，挑選樣板，在不使用 UI 框架(如: bootstrap 等)環境下，刻出相同版面，此外也運用許多 JavaScript 套件製作輪播圖、動畫......等。

牧羊人來趕狼小遊戲

用 jQuery 打造的隨機產生怪物(狼)的遊戲，傍晚時牧羊人都會把自己的羊群趕回家，避免狼有跡可循。
遊戲設計成狼會故意披著羊毛，來刻意打亂玩家的思緒增加遊戲難度。

夢遊先生番外篇-射擊遊戲

用 jQuery 打造的射擊遊戲，夢遊先生不小心闖入黑道的巢穴。
幫他射擊趕走黑道們幫助夢遊先生逃離黑道的巢穴