技能
前端
- HTML5/CSS3
- RWD
- Bootstrap
- SCSS
前端
- JavaScript
- jQuery
- Ajax
- Restful API
- React
- Vue
後端
- Node.js
- MySQL
工作經歷
庫拉格數位工坊 , 前端工程師
2023-5月 ~ 現今
廣三國際開發股份有限公司 Kuang San Sogo , 樓面儲備幹部(樓管)
2020-2月 ~ 2022-1月
專案作品
享樂酒店 (Github Page, GitHub )
使用技術：
Vite搭配React框架
使用React Hook方式撰寫
使用React Hook Form 表單驗證
使用Redux 做狀態管理
使用TypeScript封裝axios api管理
後台資料庫使用node.js + mongoDB
測試帳號
test0001
TodoList 代辦事項清單(GitHub Page,GitHub)
使用技術:
Vue3.js 搭配 Vite 建立專案
TypeScript
Vue3 composition api
Vue3 composition api
axios 處理 AJAX 請求，獲取後端資料
vercel+node.js建立雲端資料庫 api
版型由六角學院提供
羅根傢俱Vogue_Furniture(GitHub Page,GitHub)
使用技術
Vue.js 搭配 Vite 建立專案
Vue Pinia 管理產品,購物車資料、方法
Vue Router 切換分割頁面
axios 處理 AJAX 請求，獲取後端資料
Bootstrap 5 結合 Sass 切版 建立畫面 UI ，具備響應式設計
VeeValidate 處理表單驗證
利用 vue-sweetalert 設置提示訊息，提升使用者體驗
vue-loading-overlay 載入網頁效果
AOS 製作視差滾動
moment.js 轉換 Timestamp 處理 時間轉換
Swiper 輪播功能
API使用:六角學院API
前台功能
- 可依據類別篩選商品
- 產品加入購物車，加入成功或失敗，會以 sweetalert來呈現提示訊息
- 導覽列購物車 icon 右上角會顯示購物車內商品總數量
優惠卷碼:VogueBest2023
後台功能
- 規劃三大管理功能：
優惠券管理列表
訂單管理列表
qaz19981127
AMATEUR音樂創作者平台 (簡報,GitHub,操作影片)
現有串流服務較不利素人或小型團隊發展，因此想建構一個使創作者增加更多曝光機會的平台。主要功能為提供創作者上傳音樂作品與創作理念，同時可以和其他會員交流分享，透過線下轉線上的模式獲取小額贊助及意見回饋， 支持他們持續產出新作品。 使用技術
前端 HTML SCSS Bootstrap JavaScript React RESTful API
後端 Node.js MySQL
後端
- 以 Node.js、Express 進行開發 建置前、後台共 50支 RESTful API
- MySQL建置共15支資料庫分支
音樂播放器
前端
- CSS動畫效果在播放時以唱片式去做旋轉,暫停時停下
- CSS動畫效果展開收合音樂播放器及歌曲清單
- React Router使音樂播放器單獨於每個頁面下方,換頁時不影響播放進度
- localstorage傳遞歌曲id搭配componentDidUpdate達到各頁面點擊歌曲時改當前音樂播放器音樂
- cookie判斷當前為哪一個登入使用者,顯示對應音樂清單
播放清單/我的歌單- localstorage傳遞歌曲id搭配componentDidUpdate達到各頁面點擊歌曲時改當前音樂播放器音樂
- cookie判斷當前為哪一個登入使用者,顯示對應音樂清單
音樂播放器 (GitHub Page,GitHub)
使用技術:
HTML CSS RWD JavaScript Bootstrap
使用 Node.js MySQL 串接輸出 json
以唱片方式旋轉方式去呈現音樂播放器
功能:上一首,下一首,暫停,播放,靜音,拖拉音樂進度條,調整音量
FUNSUNG影音平台 (GitHub Page,GitHub,操作影片)
使用技術:
HTML SCSS RWD JavaScript jQuery Bootstrap
首頁
- CSS動畫達到電影hover預覽詳細內容資訊效果
- bootstrap輪播 (Carousel)
- 使用position: fixed;及半透明背景 達到視差滾動效果
- 使用套件hover.css讓按鈕hover有不同變化
- 使用Axios串接登入註冊驗證效果
電影內頁
- 使用position: fixed;及半透明背景 達到視差滾動效果
- 使用jQuery達到返回最上方效果
- 使用 js 評論區評論效果
- 串接youtube預告影片
六角學院 - d'Perfume (GitHub Page , GitHub)
使用技術:
HTML SCSS Bootstrap RWD
導入 aos 套件動畫
六角學院 -Sweetaste (Github Page , GitHub)
使用技術:
純切版靜態畫面
HTML SCSS RWD
六角學院 -六角西餐廳 (Github Page , GitHub)
使用技術:
純切版靜態畫面
HTML CSS RWD
學習經歷
六角學院-Vue直播班2023-12月 ~ 2022-3月
六角學院-JS直播班 2022-9月 ~ 2022-12月
資策會-前端工程師就業養成班 2022-8月 ~ 2022-12月
六角學院 2022-5月 ~ 2022-12月
關於我
1.六角學院
在大學三年級時,迷惘未來的工作出入,在網路上偶然看到六角學院的前端課程廣告,因而去嘗試學習,經歷了數個月後發現自己對寫code,網頁程式方面越來越抱有學習熱忱,決定未來可以往前端工程師去前進
在六角學院學到HTML CSS Bootstrap JavaScript SCSS jQuery GitHub操作 及 做出三個(六角西餐廳,甜點電商,香水電商)六角提供設計稿作品專案切版及功能
2. 資策會-前端工程師就業養成班
在退伍的這一年馬上去報名了資策會前端工程師就業養成班,前半段大部分是複習HTML CSS Bootstrap jQuery JavaScript
小專題
小專題發表時利用所學及使用hover.css套件同時串接第三方註冊,登入API 利用在登入註冊驗證效果,做出 ( FUNSUNG影音平台 ) 作品
大專題
大專題我們的主題是 (AMATEUR音樂創作者平台), 一組有4位成員,而我擔任團隊中的組長,負責 製作音樂播放器(React,Node.js,Bootstrap), figma版面設計 , 資料庫設計(MySQL), Node.js環境建置,Restful API建置
3. 六角學院-JS直播班
在資策會上課的期間,同時參加了 六角學院-JS直播班 ,利用每個禮拜3,5,日 晚上8:00到11:30上課, 精進JS技術,期間利用純JS做出
音樂播放器 作品
4. 六角學院-Vue直播班
期間完成(羅根傢俱電商)
技術方面主要使用Vue3+Vite+Pinia
使用Pinia 管理購物車,商品列表 狀態 作品包含前台與後台管理 後台可進行 訂單管理,商品管理 (新增,編輯,刪除)
學歷
僑光科技大學 觀光與休閒事業管理系 2017-2021
觀光與休閒事業管理系系學會 會長
六系合辦聖誕舞會 總召集人
