莊宜蓁 Elynna

2022 6 月畢業於臺師大設計系，畢業後花費將近一年時間利用線上課程自學前後端開發，並在今年四月順利從AlphaCamp結業。很喜歡程式設計可以實際解決問題，並且在產出能與人互動的產品時的滿滿成就感。

前端方面，能夠運用 React 框架和Scss開發網頁並且串接後端的API，以及運用各式套件及Hook來創造畫面，後端的部分則是能以 Node.js 加上 Express 開發可以讓前端串接的API，並能以 Sequelize ORM 來操作 MySQL 資料庫。

除了基本的程式撰寫外，也會運用 ESLint、Prettier、Stylelint、husky、lint-staged 等工具來維持程式碼品質的穩定及風格一致，並使用Git做為程式碼的版控制工具。

因大學是學設計而有大量團隊協作的經驗，所以非常擅於表達自己的想法並與團隊夥伴協調溝通，並能獨立思考並自主解決問題，對自己的工作負責任。

電話：0966667506 / E-Mail：[email protected] / /

Skills

Front-end

熟悉 HTML5, CSS 及 JavaScript ES6 進行開發
以 React.js + Scss 開發前端Web
套用 Bootstrap 樣式

Back-end

Node.js / Express 開發的經驗
Passport.js : 實作簡易登入系統
操作 MongoDB 及 MySQL
部署專案至 Heroku
RESTful API 設計

Other

能夠使用Git進行版控及與多位工程師合作開發
使用ESLint、Prettier、Stylelint、husky、lint-staged 確保程式碼品質一致
使用 Figma 製作 UI、Prototype
了解UI Guideline 可與設計師溝通

Web Portfolio

個人專案：JS 30 React 版 Repo | Web

簡介：在 React + Vite 的架構下，完成的30項 JS 課題，包含常見的時間處理、ajax search、video player. . .

工具：React、Vite、SASS、ESLint、stylelint、mui、prettier、react-player . . .

部署：Github page

個人專案：今天吃什麼？ Repo | Web

簡介：串接Google Maps JavaScript API ，來顯示使用者方圓1公里內的餐廳，並且可以將餐廳加入籤筒，隨機抽取一家餐廳。

工具：React、Vite、SASS、ESLint、stylelint、mui、prettier . . .

部署：Github page

團體專案：Simple Twitter
前端Repo | 後端Repo | 組員Demo影片 | 反思部落格

簡介：以前後分離的方式加上React框架打造的社群平台，包含基本社交功能：註冊、登入登出、發文、回覆、按讚、編輯個人資料、追蹤等功能

擔任的角色：PM + 前端（Modal元件、input元件、大部分API串接） + 後端（User 相關的路由、建置API文件、Heroku雲端部署）

工具：前端 - React、axios / 後端 - Node.js、express、mySQL、sequelize、passport、JWT . . .

部署：前端 - Github page / 後端 - Heroku

UI Portfolio

團體專案：Spark 作品說明

簡介：Spark 是以「挖掘潛能與引導方向」、「系統性培養職能的方法」為主軸的APP，用來幫助大一到大三的青年將焦慮轉為前進的動力。

擔任的角色：UI 設計師

工具：Figma、Material Design System

個人專案：臺師大校園APP Redesign 作品說明

簡介：藉由使用者研究及重新設計新的介面，改善臺師大APP版面混亂使用不易的問題 . . .。