曾璟舜

專案介紹

一個提供使用者電子名片製作、收藏、管理、同步職務資訊的商務名片網站

DEMO：https://meishician.vercel.app/
GitHub：https://github.com/zen-booster/meishician

採用技術

Next.js、Redux、Tailwind、canvas、ESLint

編輯器介紹

• 整合 fabric.js 操縱 canvas 元素，製作出致敬 Canva 的名片專屬編輯器
• 整合職務資訊，可直接新增姓名、職務等相關欄位
• 名片畫面以 9：5 處理，可選擇直式、橫式，並支援雙面編輯
• 內含數種預設的名片模板，可直接套用並修改資訊
• 支援基本文字修改功能，如：字型、大小、間距、顏色、粗體、斜體等 
• 內含基本預設素材，可修改顏色、外框線、外框顏色
• 支援本地端圖片上傳功能
• 支援物件的圖層更動
• 支援歷史紀錄，可進行「上一步」、「還原」等操作
• 支援快捷鍵及「複製」、「貼上」功能
• 支援群組修改功能

社群及管理功能介紹

• 完成的名片會有專屬展示頁，並可在名片牆中供人搜尋
• 使用者可調整是否顯示職務資訊，並可引入外部連結
• 會員可針對他人名片進行收藏，非會員可下載名片圖檔
• 可針對收藏的名片以群組、標籤、註記等方式進行管理
• 可展示自己名片的 QR code，引導他人進入個人頁以達到名片交換效果
• 更改職務資訊、刪除名片時，將發送預設或自訂義通知給所有名片收藏者，達到資訊同步效果

專案介紹

將網址進行壓縮，並提供分析頁調查網址的總瀏覽數、不重複瀏覽數、路徑等資訊的工具網站

GitHub：https://github.com/J-Shun/transfer-url-react

採用技術

React、useContext、useReducer、styled-components、chart.js

特色介紹

• 以 mobile first 為開發策略，優先考量手機版使用以強化體驗
• 支援一鍵複製、一鍵貼上等操作
• 可針對 OG 進行設定，並可設定圖片
• 可針對網址附上標籤進行管理
• 設有分析頁，可確認各路徑資料

專案介紹

為了火箭隊的成員能快速入門使用 Git 及 GitHub 所製作的專屬報到牆 

GitHub：https://github.com/taiwan-rocket-coding/join-team-rocket
報到手冊：https://bit.ly/shun_git_doc

採用技術

Git、GitHub、文件撰寫

特色介紹

• 以首次接觸 Git 的角度撰寫文件，逐步帶領學員到發佈 PR
• 報到牆畫面支援 RWD 響應式設計