HI! I am Vic

Full Stack Developer

Google Nano Banana AI 生成圖片

Who Am I ?

About Me

「從汽車引擎到程式碼引擎,從媒體文字到程式語言,每一次的跨界都是為了更好地理解這個世界,並用技術讓它變得更美好。」

前言

這是我把履歷表丟給AI,它給我一堆浮誇的文字中,唯一一段我覺得最好的總結,雖然還是有點浮誇...(笑)

去年在打工的時候,接到一通面試邀請的電話,才驚覺104上的履歷表忘了關。許久未更新的履歷讓HR小姐姐頗有微詞,「你的履歷表都沒有更新,我是要怎麼知道你會什麼?」她如是說。因此,就有了這個個人的Portfoilo Page與三個Demo Site。

心路歷程

從回台灣的第一份工作,到從中國鎩羽而歸與近幾年的不務正業,中間經歷了各種不同的體驗,雖然都與程式、軟體多少有點相關,但是跨越的行業卻是千奇百怪,從傳統產業、小型店家、金融管理、新創產業、直播娛樂,乃至於前陣子最紅的區塊鏈都有涉足過。甚至連保全都當過!(目前無法複製的是:基金風險管理系統,因為最核心的經濟學公式相當苦手....)

About AI

從最早的ASP、PHP、Javascript,過渡到C#、ASP.NET,然後又變成寫python跟Solidity,現在的程式設計與語言跟框架,多到讓人有點眼花撩亂。但是進入到AI時代,這些工具卻可以變成軟體變化多端的利器,Why? we ask,只要程式邏輯夠扎實,並且知道如何引導AI,任何程式語言都不會是隔閡。甚至設計良好的AI知識庫與MCP工具,還可以讓團隊在專案上協作的準確度與開發速度大幅縮減。

去年初Vibe Coding開始成為熱潮時,一時技癢,也開始嘗試看看是否跟網路上說的一樣神。就從基本的Vibe Coding到自己寫MCP Server、自己架RAG,然後進化成Context engineering,到現在變成spec driven development。編輯工具也從GitHub Code copilot、Cursor,到黏在Claude Code上。AI的進化在這一年內,幾乎是以小時在計算的進步,AI的未來似乎潛藏著無限大的可能。

AI Coding對於開發者來說,是不是就不用會寫程式了呢?當然不是,要讓AI做出整個Project可以到production ready階段,開發者本身對程式的流程與架構都必須要非常熟悉,而且是越強的developer搭配AI寫出來的東西就會更完整,同時這也是在製作這三個Demo site時的感受。

At the end

過去不管是去面試或是面試人時,多少都會問到程式碼相關的問題(還遇到過要用筆寫的XD)。我想未來會是詢問對AI Coding的理解程度,而各種工具的應用更是重中之重。

借助AI的幫助,單人已經可以加速專案的開發,希望有機會可以將這些技術應用在團隊開發上。

What I Do ?

Programming Skills
Programming Languages
Programming Languages

PHP, Python, C#, JavaScript, Solidity, Visual C++, VB, ActionScript

Web Development
Web Development

HTML5, CSS3, JavaScript, XML, AJAX, ASP.NET, DHTML, VBScript

Database Design
Database Design

MySQL, PostgreSQL, MongoDB, MS SQL Server, Access

Development Frameworks
Development Frameworks

Next.js, Vue.js, Laravel, Vite.js, Bootstrap

Development Tools
Development Tools

VSCode, Cursor, Claude Code, Git, Docker, Visual Studio

Operating Systems
Operating Systems

Linux (Ubuntu), MacOS, Windows, DOS

Design & Multimedia
Design & Multimedia

Adobe Photoshop, Dreamweaver, Flash, FrontPage

Additional Skills
Additional Skills

Activity Planning, Market Research, Automotive Repair, Marketing Strategy

DEMO Projects

My Works(DEMO SITE)
NexusTrade - Cryptocurrency Trading Analysis Platform
NexusTrade

Tech Stack: Node.js 20+, Express, MongoDB, WebSocket, Docker | Platform: Google Cloud Platform

GCP Services: Cloud Functions, Cloud Run, Cloud Storage, Monitoring & Logging

全棧加密貨幣交易分析平台,提供即時市場數據追蹤、智能通知系統和 AI 趨勢分析。支援 Google/LINE OAuth 認證,具備完整的價格警示系統和觀察清單管理功能。

核心亮點:即時 WebSocket 連接支援 1000+ 並發,響應時間 < 500ms,系統穩定性達 99.9%+。整合 22 種基礎警示類型和 18 種技術指標警示。

Live Demo GitHub
NexusGaming - Game Management Backend System
NexusGaming

Tech Stack: Next.js 15, React 19, TypeScript, Golang 1.23+, MySQL 8.0, Redis | Platform: Google Cloud Platform

GCP Services: Cloud Run, Cloud SQL for MySQL, Memorystore for Redis, Cloud Build

現代化、可擴展的遊戲管理後台系統,結合 AI 分析、即時數據和全面運營功能。專為企業級遊戲營運設計,展示全棧架構和現代網頁技術。

技術亮點:採用 Next.js 15 App Router、React 19 最新特性,後端使用 Golang Gin 框架,整合 OpenRouter LLaMA 3.2 AI 模型,提供智能分析和業務洞察。

Live Demo GitHub
NexusERP - Enterprise Resource Planning System
NexusERP

Tech Stack: PHP Laravel, Golang/Gin API, PostgreSQL, Redis, Nginx, SSL/TLS | Platform: Microsoft Azure

Azure Services: App Service, Database for PostgreSQL, Cache for Redis, Container Instances, Active Directory

企業級 ERP 系統,展示堅實的軟體工程實踐。具備多租戶安全架構、OWASP Top 10 防護,使用 PostgreSQL Row-Level Security 和 AES-256-GCM 加密。

安全特色:多層認證(JWT + MFA)、全面審計日誌、自動化安全掃描。支援庫存、產品、供應商、客戶管理,提供完整的報表和視覺化功能。

Live Demo

* 請直接點選右上登入鈕,輸入 demo 帳號密碼登入

GitHub

How can you communicate?

Contact Me