My Portfolio

個人履歷 作品集

記錄前端開發作品、使用技術、證照與相關經歷。

關於我

01

我是誰

我是陳宣蓉,25 歲,於 2026 年畢業於國立臺中科技大學資訊工程系, 目前以 Frontend Engineer(前端工程師)作為主要求職方向, 希望投入網頁前端開發,持續累積實務經驗, 並逐步朝 Full Stack Engineer(全端工程師) 發展。

Frontend Engineer Full Stack Engineer

02

除了程式之外

除了資訊工程背景外,我也具備日文教學、翻譯、 教材編寫與內容整理經驗,曾擔任線上日語家教約四年,也曾幫助平台書寫教學文案。

跨領域的學習經驗,也培養了我整理知識、 溝通表達與持續學習的能力。

  • JLPT N1
  • 日語教學約 4 年
  • 翻譯
  • 教材編寫
  • 內容整理
03

我重視

曾經就讀國立高雄餐旅大學求學期間曾參與學生會及校際活動總召, 籌辦了校際活動,累積了團隊合作、跨部門溝通與活動規劃經驗。

我相信良好的協作能力與持續學習的態度, 是完成每一個專案的重要基礎。

  • 團隊合作
  • 溝通協作
  • 活動規劃
  • 持續學習

網頁開發、工具部署與專案技術整理。

01|Frontend Fundamentals

前端基礎

HTML5 · CSS3 · JavaScript ES6+ · Semantic HTML · Responsive Web Design

02|Layout & Styling

版面與樣式

Flexbox · CSS Grid · CSS Variables · Media Queries · CSS Animation · CSS Transform · 3D Transform

03|JavaScript & Web App

網頁互動與應用

DOM API · Event Handling · State Management · CRUD · localStorage · JSON · URL Parameters

04|Tools & Web Quality

開發工具與網頁品質

Git · GitHub · VS Code · Accessibility · ARIA · Keyboard Support · External Link Security

網頁開發作品與跨領域專題。

Project Image

前端互動作品

01|Notebook Todo

以筆記本風格設計的待辦事項網站,練習 JavaScript DOM 操作、事件處理、任務管理與資料保存,並透過簡約介面呈現清楚的使用流程。

HTML · CSS · JavaScript · DOM · localStorage

狀態:已完成 / 可部署

Project Image

商業委託作品

02|UFO e-card

為卡牌店製作的互動式電子名片網站,整合品牌視覺、社群入口、互動效果與響應式版面,並完成上線部署與交付。

HTML · CSS · JavaScript · RWD · Cloudflare Pages

狀態:已完成 / 已交付|案件金額:NT$5,000

Project Image

個人品牌網站

03|日文教學網頁

結合日文教學經驗與網頁開發能力的個人品牌網站,規劃展示課程內容、學習資源與教學服務,後續可延伸為會員系統、登入註冊、學習紀錄與全端功能。

HTML · CSS · JavaScript · React · API · Database

狀態:規劃中

Project Image

AI 應用學校畢業專題

04|手語教學網頁

以即時手語學習為主題的學校專題,結合姿態辨識、動作分析與互動式學習回饋,展示 AI 模型應用、影像處理與教學情境結合的實作經驗。

Python · PyTorch · OpenCV · Flask · HRNet · MMPose · BiLSTM

狀態:學校專題 / 階段性完成

證照

資訊與語言能力證明

資訊類證照

  • Google Data Analytics Professional Certificate
  • 電腦軟體應用丙級技術士

語言類證照

  • 日本語能力試驗 JLPT N1
  • TOEIC Listening & Reading|635 分
  • 商教英檢二級

相關證明文件可於招募查驗時提供,歡迎透過 Email 聯繫。

歡迎透過以下連結查看我的作品與聯絡資訊。