Hi, I'm Hazel. 偶然接觸網頁,即開始對前端世界深深著迷,喜歡學習新鮮不同的領域及技術,更喜歡將腦中靈機一動的想法實現在介面上的開發者。
前端工程師
技術筆記部落格:wualnz.com
Taipei,Taiwan
在技能面上
在職場上
接案
前端工程師 2017/9 ~ 2017/10
展示黑手過往的作品集、為了解決某些問題而製作的 SideProject,有些項目是與其他後端遠端合作而完成的。
【Opensea 地板價格追蹤神器】:當項目地板價只要有【任何變動】時,系統將會推播Line通知。
【大戶追蹤神器】 功能: 追蹤的大戶在Opensea上有任何動作時,系統會推播Line通知。 追蹤的動作包含:買入、賣出、掛價、取消掛價、出價、取消出價、轉移、Mint
總共有 36 位使用者使用中
技術
採 Vue 與 Vuetify ,支援 RWD,與後端遠端協作,串接 API
串接 Line 登入
使用 LogRocket 追蹤使用者,並根據數據及行為改善使用者體驗
供公司群組使用,有同事家裡做早餐店,加上有懶得買早餐的同仁,於是有了桃子早餐,點餐後明日早上就有好吃的早餐在你桌上
點喜歡的餐點並送出,將於晚上 22:00結單,並於每日 23:00 推播給桃子早餐店長以準備餐點、點餐同仁
總共有超過 8位同仁使用
技術
採 Vue 模仿 Foodpanda UI 介面
送出訂單後會存入 Google 試算表
Google AppScript 完成後端部分,插入資料及結算資料,串接 LineNotify
切版支援 RWD,前後端未分離
與後端密切溝通,用純原生 Javascript 做動態效果
可上傳相片,基本的 CRUD 功能
技術
Rails框架,能夠新增、編輯相片、上傳相片
Heroku 串接 Amazon S3 storage 空間,將上傳的相片直接放在 S3 的 Bucket 裡
立下目標後,全速前進吧!建立主任務後再列出小目標逐一擊破完成。
例:目標是拿到多益 750分,列出子任務是每天背單字30個、寫一回多益模擬試題並檢討
技術
Rails 框架,可新增、編輯、更新、刪除任務
使用 SCSS 切版
Todo List 採兩層式架構,建立主任務後須再新增子任務完成
架設於 Heroku,首次開啟網站時會稍微緩慢請見諒
用 SASS 撰寫、利用 jQuery 製作動態效果
使用 jQuery 的 $.getJSON 方法讀取本機.json資料,可以篩選圖庫,載入更多等態效果
Hi, I'm Hazel. 偶然接觸網頁,即開始對前端世界深深著迷,喜歡學習新鮮不同的領域及技術,更喜歡將腦中靈機一動的想法實現在介面上的開發者。
前端工程師
技術筆記部落格:wualnz.com
Taipei,Taiwan
在技能面上
在職場上
接案
前端工程師 2017/9 ~ 2017/10
展示黑手過往的作品集、為了解決某些問題而製作的 SideProject,有些項目是與其他後端遠端合作而完成的。
【Opensea 地板價格追蹤神器】:當項目地板價只要有【任何變動】時,系統將會推播Line通知。
【大戶追蹤神器】 功能: 追蹤的大戶在Opensea上有任何動作時,系統會推播Line通知。 追蹤的動作包含:買入、賣出、掛價、取消掛價、出價、取消出價、轉移、Mint
總共有 36 位使用者使用中
技術
採 Vue 與 Vuetify ,支援 RWD,與後端遠端協作,串接 API
串接 Line 登入
使用 LogRocket 追蹤使用者,並根據數據及行為改善使用者體驗
供公司群組使用,有同事家裡做早餐店,加上有懶得買早餐的同仁,於是有了桃子早餐,點餐後明日早上就有好吃的早餐在你桌上
點喜歡的餐點並送出,將於晚上 22:00結單,並於每日 23:00 推播給桃子早餐店長以準備餐點、點餐同仁
總共有超過 8位同仁使用
技術
採 Vue 模仿 Foodpanda UI 介面
送出訂單後會存入 Google 試算表
Google AppScript 完成後端部分,插入資料及結算資料,串接 LineNotify
切版支援 RWD,前後端未分離
與後端密切溝通,用純原生 Javascript 做動態效果
可上傳相片,基本的 CRUD 功能
技術
Rails框架,能夠新增、編輯相片、上傳相片
Heroku 串接 Amazon S3 storage 空間,將上傳的相片直接放在 S3 的 Bucket 裡
立下目標後,全速前進吧!建立主任務後再列出小目標逐一擊破完成。
例:目標是拿到多益 750分,列出子任務是每天背單字30個、寫一回多益模擬試題並檢討
技術
Rails 框架,可新增、編輯、更新、刪除任務
使用 SCSS 切版
Todo List 採兩層式架構,建立主任務後須再新增子任務完成
架設於 Heroku,首次開啟網站時會稍微緩慢請見諒
用 SASS 撰寫、利用 jQuery 製作動態效果
使用 jQuery 的 $.getJSON 方法讀取本機.json資料,可以篩選圖庫,載入更多等態效果