https://portfolio.wen-hong.tw/categories/Web/Recent content in Web on Wen-Hong's PortfolioHugozh-twThu, 03 Jul 2025 00:00:00 +0000https://portfolio.wen-hong.tw/works/STUST-Notification-API/Thu, 03 Jul 2025 00:00:00 +0000https://portfolio.wen-hong.tw/works/STUST-Notification-API/為南臺科技大學校園 APP 推播功能打造的後端 API，負責裝置 token 管理、通知發送與推播紀錄，透過 Firebase Cloud Messaging 將訊息送達 Android 與 iOS。https://portfolio.wen-hong.tw/works/STUST-AI-Agent-API/Tue, 20 May 2025 00:00:00 +0000https://portfolio.wen-hong.tw/works/STUST-AI-Agent-API/為南臺科技大學相關服務打造的 Flask 後端 API，整合南臺入口網站帳號驗證、Dify 聊天機器人、FCM 推播通知與 Swagger API 文件，並支援新增路由檔即自動掛載，簡化功能擴充流程。https://portfolio.wen-hong.tw/works/Liners/Wed, 25 Sep 2024 00:00:00 +0000https://portfolio.wen-hong.tw/works/Liners/基於 WebSocket 技術的網頁即時聊天室應用，透過 Line 帳號登入，可以隨機配對陌生人 1 對 1 聊天，或者加入公開聊天室與大家暢聊。https://portfolio.wen-hong.tw/works/Beat-Laundry-App/Fri, 02 Aug 2024 00:00:00 +0000https://portfolio.wen-hong.tw/works/Beat-Laundry-App/透過 MQTT 即時控制與監控洗衣機、烘衣機狀態，並整合 LinePay、悠遊付、Fiuu、TWQR、優惠券、點數等多元支付方式。後端採用自研 PHP MVC 框架打造。https://portfolio.wen-hong.tw/works/AlpacaUwU/Wed, 17 Jul 2024 00:00:00 +0000https://portfolio.wen-hong.tw/works/AlpacaUwU/以 Hugo 打造的靜態網站，收錄多個獨立運作的線上小工具（Apps），無需建置流程、無外部主題，前端搭配 Vue 3 與 Tocas UI 開發各項互動工具。https://portfolio.wen-hong.tw/works/AlpacaStock/Sat, 27 Jan 2024 00:00:00 +0000https://portfolio.wen-hong.tw/works/AlpacaStock/一個回測股市的應用，但缺乏策略，僅有獲取基本面及回測股價的功能，或許之後會再新增功能...？https://portfolio.wen-hong.tw/works/McTechPOS/Fri, 15 Dec 2023 00:00:00 +0000https://portfolio.wen-hong.tw/works/McTechPOS/為「米契有限公司（85105700）」撰寫網頁 POS 系統 McTechPOS，包含產品、用戶、顧客、訂單等功能。由 PHP 撰寫而成，使用 JS 框架 Vue3.js、CSS 框架 TocasUI v4、PHP 框架 AlpacaPHP。https://portfolio.wen-hong.tw/works/Reurl/Wed, 05 Jul 2023 00:00:00 +0000https://portfolio.wen-hong.tw/works/Reurl/一個前端使用 Tocas UI Framework，後端採用敝人開發的 PHP Framework 「AlpacaPHP」所撰寫的網頁應用。https://portfolio.wen-hong.tw/works/Paka-v2/Mon, 14 Nov 2022 00:00:00 +0000https://portfolio.wen-hong.tw/works/Paka-v2/專案「Paka」的第二版本，採用第 4 版的 Tocas-UI 框架。https://portfolio.wen-hong.tw/works/AlpacaPHP/Wed, 01 Jun 2022 00:00:00 +0000https://portfolio.wen-hong.tw/works/AlpacaPHP/一個簡單的 PHP 框架，包含著 Web Router 的設計，及更加直覺化的檔案引入方式。另外設有多個優化的常用功能，如資料的類型驗證、類型轉換、回應格式處理...；還有像是 PDO 資料庫連接的語法簡化... 等。https://portfolio.wen-hong.tw/works/Paka-v1/Sat, 13 Nov 2021 00:00:00 +0000https://portfolio.wen-hong.tw/works/Paka-v1/該站點使用 Vue3 框架及敝人所開發的 PHP 框架「AlpacaPHP」所架設。起初該站點僅僅是用於練習撰寫 PHP、JavaScript、Vue3 框架，及磨練後端系統設計、資料庫管理等能力，最終在朋友們的鼓勵及成就感的激勵之下，完成了該社群網站。https://portfolio.wen-hong.tw/works/WowMap/Tue, 13 Jul 2021 00:00:00 +0000https://portfolio.wen-hong.tw/works/WowMap/這是一個前端使用 Tocas-UI 框架所搭建而成，可用於查詢天氣資訊、水災風險預測及警報、歷史災害體驗、洪水模擬、街道即時影像查看的 HTML5 網頁應用。https://portfolio.wen-hong.tw/works/Blog/Fri, 20 Dec 2019 00:00:00 +0000https://portfolio.wen-hong.tw/works/Blog/過去我習慣將所學使用數位的方式撰寫筆記，經友人建議後，開始著手嘗試將這些筆記作為部落格撰寫。不僅僅是磨練自身的文章撰寫能力，也能將自己的所學知識分享給更多同在此學習道路上的學者們。