可澍科技使用mapbox跟NextJS製作ESG企業種樹監測平台使用google map js API跟React製作水泥預拌車碳排計算介面，計算提供左端路徑以及最近材料廠以幫助企業減少運輸的碳排其他案子使用技術：TailwindCSS, NextJS, Shad/cn UI, Radix UI, Tanstack Query, Axios, Cloudflare Pages, AWS Amplify,AWS SES, AWS S3, WordPress, Shopify, Webflow

開發SAT測驗學習平台，透過AI分析使用者能力，並且提供先對應的練習題目，讓使用者精確有效率的進步。Developed a SAT test learning platform that uses AI to analyze users' abilities and provide corresponding practice questions, allowing users to improve accurately and efficiently. -使用Next.js設計前端架構-使用AWS Amplify 加速開發流程-與後端工程師討論API資料格式-與ML工程師討論題目生成格式，配合MDX呈現題目以及數學公式-與設計師討論並依照Figma製作components- Used Next.js to design the front-end architecture- Used AWS Amplify to accelerate the development process-… Show more 開發SAT測驗學習平台，透過AI分析使用者能力，並且提供先對應的練習題目，讓使用者精確有效率的進步。Developed a SAT test learning platform that uses AI to analyze users' abilities and provide corresponding practice questions, allowing users to improve accurately and efficiently. -使用Next.js設計前端架構-使用AWS Amplify 加速開發流程-與後端工程師討論API資料格式-與ML工程師討論題目生成格式，配合MDX呈現題目以及數學公式-與設計師討論並依照Figma製作components- Used Next.js to design the front-end architecture- Used AWS Amplify to accelerate the development process- Discussed API data formats with back-end engineers- Discussed question generation formats with ML engineers, worked with MDX to present questions -and math formulas- Discussed with designers and created components based on Figma designs Show less

與A.I.工程師合作開發人才搜尋系統，參與討論且負責網站UI視覺設計/前端效能/串接API，並使用vercel進行快速的部署更新。維護更新meet.jobs網站及內部員工工具，依照用戶及同事的反饋修改介面並新增功能。Collaborated with AI engineers to develop an intelligent talent search system. Participated in requirements discussions and was responsible for the website's UI/UX design, optimizing front-end performance, and integrating with backend APIs. Leveraged Vercel for streamlined deployment and continuous updates. Maintained and enhanced the meet.jobs platform and internal employee… Show more 與A.I.工程師合作開發人才搜尋系統，參與討論且負責網站UI視覺設計/前端效能/串接API，並使用vercel進行快速的部署更新。維護更新meet.jobs網站及內部員工工具，依照用戶及同事的反饋修改介面並新增功能。Collaborated with AI engineers to develop an intelligent talent search system. Participated in requirements discussions and was responsible for the website's UI/UX design, optimizing front-end performance, and integrating with backend APIs. Leveraged Vercel for streamlined deployment and continuous updates. Maintained and enhanced the meet.jobs platform and internal employee productivity tools. Implemented interface improvements and new feature developments based on user feedback and team collaboration to drive product optimization.Tools：Framework：React.js,Next.jsCSS:tailwind,bootstrap,sassUI Framework:Radix UIOther:Redux,next-intel,vite,TypeScript,Vercel Show less

負責專案：麥肯錫Mckinsey&Company-ACES B2B System(因保密協定無法提供程式連結)工作內容：串接api及測試功能，使用konva.js製作工具用以操作計算pcb版大小。使用工具konva.js/chart.js/bootstrap/vanillaJSSiCar愛車酷網站 工作內容：與設計師以及客戶溝通討論二手車交易/充電站地圖流程等userflow,依照UI設計師提供之figma檔案製作前端頁面，同時與後端工程師討論api與資料結構。使用工具：Framework:Vue.js,Nuxt.jstailwindCSS,MaterialUI國家災害防救科技中心-無障礙防災宣導網站 工作內容：依照UI設計師提供之figma檔案製作頁面，同時幫助動畫師使用webp提升網站效率，最後透過GSAP跟CSS… Show more 負責專案：麥肯錫Mckinsey&Company-ACES B2B System(因保密協定無法提供程式連結)工作內容：串接api及測試功能，使用konva.js製作工具用以操作計算pcb版大小。使用工具konva.js/chart.js/bootstrap/vanillaJSSiCar愛車酷網站 工作內容：與設計師以及客戶溝通討論二手車交易/充電站地圖流程等userflow,依照UI設計師提供之figma檔案製作前端頁面，同時與後端工程師討論api與資料結構。使用工具：Framework:Vue.js,Nuxt.jstailwindCSS,MaterialUI國家災害防救科技中心-無障礙防災宣導網站 工作內容：依照UI設計師提供之figma檔案製作頁面，同時幫助動畫師使用webp提升網站效率，最後透過GSAP跟CSS animation實現動畫效果。使用工具：vanilla.js/GSAP/vite精誠資訊Systex-綠能監控軟體版面製作工作內容：依照figma檔製作頁面，並製作可重複使用components。使用工具：Next.js/TailwindCSS/MaterialUIMcKinsey & Company - ACES B2B System (Cannot provide program link due to non-disclosure agreement)Responsibilities: Integrated APIs and tested functionalities. Utilized konva.js to develop tools for operating and calculating PCB board sizes.SiCar Auto WebsiteResponsibilities: Collaborated with designers and clients to discuss user flows for used car transactions, charging station maps, etc. Developed front-end pages based on UI designer's Figma files while coordinating with back-end engineers on API and data structure integration.Tools: Vue.js, Nuxt.js, Tailwind CSS, Material UINational Science and Technology Center for Disaster Reduction - Accessible Disaster Prevention Promotion WebsiteResponsibilities: Developed pages based on UI designer's Figma files. Assisted animators in utilizing WebP to improve website performance. Implemented animations using GSAP and CSS animations.Tools: Vanilla.js, GSAP, ViteSystex Corporation - Green Energy Monitoring Software InterfaceResponsibilities: Developed pages based on Figma files and created reusable components.Tools: Next.js, Tailwind CSS, Material UI Show less

工作內容：幫公司從頭建構出一個以react為框架的新網站，在上面提供本公司產品的管理介面。從舊產品的商業邏輯上去思考如何兼顧好的UX跟效能，並再依照公司及客戶需求開發新功能，有時也會與PM跟客戶共討論需求，最後與後段工程師討論資料庫架構，API串接規格，獨立完成前端及介面設計的所有工作。Spearheaded the development of a new React-based website for the company, providing a comprehensive management interface for the company's products. Thoughtfully architected the application's business logic from the legacy product, balancing optimal user experience and performance. Developed new features based on company and client requirements… Show more 工作內容：幫公司從頭建構出一個以react為框架的新網站，在上面提供本公司產品的管理介面。從舊產品的商業邏輯上去思考如何兼顧好的UX跟效能，並再依照公司及客戶需求開發新功能，有時也會與PM跟客戶共討論需求，最後與後段工程師討論資料庫架構，API串接規格，獨立完成前端及介面設計的所有工作。Spearheaded the development of a new React-based website for the company, providing a comprehensive management interface for the company's products. Thoughtfully architected the application's business logic from the legacy product, balancing optimal user experience and performance. Developed new features based on company and client requirements, often collaborating with project managers and clients to gather and refine requirements. Worked closely with backend engineers to discuss database architecture and define API integration specifications. Solely responsible for all front-end development and UI/UX design tasks.Tools：Framework:React.jsreact router/Redux/React Query/Websocket/Formik/MaterialUI/TailwindCSS/Chartjs/Sweet Alert2 Show less