⏶

BlackCat

- Web Developer & Illustrator -

- ABOUT ME -

蔡昀容 BlackCat

我畢業於國立台北教育大學藝術與造形設計學系藝術組，擅長描繪色彩繽紛的事物，也喜歡嘗試各式各樣的設計風格，曾使用 Weebly 平台建置個人網頁，於是對網頁設計產生興趣。

在工作期間思考未來職涯的規劃，決定往轉職前端工程師的方向努力。參與半年的專業訓練，學會了 HTML、CSS、JavaScript、jQuery 及 Vue.js 等前端開發技術，能使用 Node.js 與 MongoDB 建置資料庫，運用 git 版本控制佈署至 heroku，完成前後端網頁功能整合。

在訓練期間，也嘗試將自己畫畫的興趣與網頁設計結合，打造特別的視覺感受，並運用之前親身接插畫委託的經驗，製作出「夢百貨」的插畫委託網站，改善委託流程的資料需要另外透過電子信箱或網路硬碟傳送的不便。

- ABILITY -

視覺設計

熟練Photoshop、Illustrator、Figma等設計軟體，以及Clip Studio Paint等電腦繪圖軟體

前端開發

使用 HTML、CSS、JavaScript、Vue、Sass、Bootstrap、jQuery 等技術

後端程式

擁有 Node.js、mongoDB 後端資料庫開發的經驗

- PORTFOLIO -

夢百貨 - 插畫委託平台

Vue
Sass
JavaScript
Buefy
Node.js
mongoDB
Photoshop
Illustrator
Figma
Clip Studio Paint
夢百貨 - 插畫委託平台

概念

「夢百貨」是一個專門展示夢向創作的插畫委託網站，為委託者和創作者打造一個可以安心委託的管道，在這裡委託者可以選擇自己喜歡的創作者進行委託，而創作者可以在這平台接受他人的委託，且兩種使用者都擁有可以展示作品的相簿以及可以編輯的個人頁面！

前台功能

  • 會員登入註冊
  • 關鍵字搜尋
  • 會員專屬個人頁面，可展示創作及介紹自己
  • 委託項目頁面，可查看範例圖、項目規格以及委託注意事項
  • 找到喜歡的委託項目，登入後可進行委託
  • 如遇到各種問題，可以與管理員回報

後台功能

  • 每種使用者身分有不同的管理後台
  • 會員可編輯個人資料、管理相簿圖片、查看委託交易紀錄
  • 創作者可新增、編輯、刪除自己的委託項目內容
  • 管理員可對違法使用規定的會員或委託項目進行刪除
  • 管理員可查看問題回報，進行網站調整
大樂透搖獎機

使用 jQuery 製作的大樂透搖獎機，每次從隨機移動的49顆號碼球中抽取6顆出來，並把所有抽取結果紀錄在旁邊，讓使用者不用在為選號碼煩惱！

jQuery
HTML
CSS
Photoshop
大樂透搖獎機
Litle Star Piano

使用 JavaScript 的 DOM 操作製作的鋼琴彈奏小遊戲，跟隨閃爍的提示按鍵即可彈奏出童謠「小星星」，也可挑戰隨機彈奏模式進行更高難度的演奏！

JavaScript
HTML
CSS
Photoshop
Litle Star Piano
尋找蛙蛙

以生活在陽明山國家公園的青蛙為主題，使用 jQuery 製作的學習配對遊戲，透過鼠標移動到放大鏡上，可聆聽不同蛙類的聲音，且與下方卡片配對成功，還能學習到蛙蛙們的小知識！

jQuery
HTML
CSS
Photoshop
尋找蛙蛙
好食在台灣豬 — line機器人

好食在台灣豬可以查詢商家是否擁有行政院農委會認證的臺灣豬證明標章，並且查詢商家的地址和營業時間，另外也可以找尋身邊或任意座標位置附近擁有此認證標章的商家

JavaScript
Node.js
好食在台灣豬 — line機器人
POMODORO

使用 Vue 製作的番茄鐘，可新增、編輯及刪除代辦事項，按下開始鍵後會進行25分鐘的倒數，結束後會有5分鐘的休息時間，並幫使用者紀錄每日完成的事項！

Vue
Sass
Node.js
Photoshop
POMODORO
插畫作品集網站

用來展示自己插畫作品的網站，有各式各樣且色彩繽紛的電腦繪圖插畫，並使用 Figma 設計版面的草稿，嘗試將插畫風格融入在網頁中，打造獨一無二的個人插畫網站

Vue
Sass
Figma
Clip Studio Paint
插畫作品集網站

- CONTACT -

THANK YOU!

感謝您撥冗瀏覽此履歷，如有需要煩請使用 E-mail 與我聯繫