Hey, I am Jing.

ABOUT ME

大家好,我是王旌,一名前端工程師。

我的前端技能

前端技術採用 Vue2 / Vue3,Nuxt 框架進行網頁開發,Tailwind / Sass管理 Css。喜歡用程式製作優化痛點的工具。例如下方作品(室內工程管理手帳),是為了減少室內設計實務,因為遺漏施作工程項目而衍伸公司成本的管理工具。遺漏項目的次數減少了,工地進展就順了,錢也省了。

PROJECTS - 前端軟體

mini-vue(2023/9始)

復刻 Vue 框架

• Vue3 源碼學習
• 仿照源碼精進對程式的理解應用

室內現場工程管理手帳(2023/8)

提升室內產業工地管理效率

• Vue3 / Firebase
• 卡片式專案管理-順應工地動態運作
• 幫助設計師減少遺漏施作項目

建築之神-我要告解(2023/6)

建築社群匿名留言板

• Vue3 / Firebase
• 集眾力將建築職涯路上迷茫的體悟匯聚起來,提供大家找到一種新方向的可能

前端主題Youtube頻道(2023/3始)

用影音複習前端

• 輸出 output 前端知識

建築事務所專案管理系統(2022/10)

編輯建築專案的細項費用

• 將自事務所作業的痛點化為產品的機會
• 利用VUEX store存放增刪改查的資訊

技術說明
成寓室內裝修設計官網優化(2022/9)

以室內公司為客戶協助官網優化

• 優化1:建立主視覺意象,增加視覺質地
• 優化2:作品列增加品項選擇,便於檢視
對比原有室內設計公司官網

飲料結帳pos機

點選菜單能生成結帳卡片。卡片能獨立刪除,與計算所有卡片價格總和。

• 物件導向設計
• 建構式函式產生菜單物件實例
• prototype內寫入功能函式

商品結帳欄

點選商品可以計算數量與總價。

• 利用sass依section分門別類管理樣式
• 原生js切換操作

figma練習

複刻ig。

PROJECTS - 其他

i旋轉插座轉接頭發明

• 洞察使用電腦座充,有卡插座的問題
• 提案解法 : 藉旋轉的概念及附件式的包容性
• 募資平台 20 天,達 10,000 件預購量,集資 66 萬上市

概念說明
AI視障物件智能辨識輔具

• 與視障人士訪談質性研究
• 梳理使用需求與對應產品功能

技術說明