CafeNet Manager
開發中CafeNet Manager 是一套 C++17、Qt 6、SQLite 與 CMake 建立的桌面營運系統，整合座位地圖、計時場次、點餐購物車、廚房看板、結帳、顧客資料與營收儀表板。它展示我在桌面 UI、業務流程拆解、資料庫 repository pattern 與狀態驅動介面上的能力。
Tech Stack
C++QtSQLiteCMakeQt Widgets
建立可互動的座位地圖，支援座位狀態、容量、設備與拖曳式管理概念。
Web Development · Metadata · Digital Archives
你好，我是 Justin
我正在打造結合網頁開發、資料整理與圖書資訊背景的數位作品
我是 Justin，目前主要使用 Python、JavaScript 與 TypeScript 進行網頁相關應用程式開發，並將圖書資訊背景中的資訊組織、metadata、檢索與數位典藏概念融入作品中。近期也正在學習 C++、C#、ASP.NET / .NET 等技術，希望逐步累積前端、後端與桌面應用的完整開發能力。
目前以網頁應用、資料整理、互動介面與圖書資訊概念作品為主
目前主力
Python / JavaScript / TypeScript
網頁開發
React / Next.js / Tailwind CSS
領域背景
Metadata / Retrieval / LIS
Projects
作品集
這些作品記錄了我目前的學習與實作過程，主題多圍繞網頁應用、資料整理、metadata、數位典藏、知識管理與互動式介面設計。部分專案是作品集型練習，部分則是正在學習與持續擴充中的作品。
FEATURED
Desktop / Application Projects
以桌面應用、metadata、檔案整理、文獻管理與實際工作流程為主的學習作品。
C#.NETAvaloniaC++ / Qt
ArchiveFlow Studio
開發中ArchiveFlow Studio 是以 C#、.NET 10 與 Avalonia 建立的跨平台桌面應用，核心是節點式 Workspace canvas。Desktop Full Version 使用本機 SQLite、Repository、Metadata editor、Graph Explorer、Import/Export pipeline；Browser Workspace Demo 則以 Avalonia WebAssembly 發布到 GitHub Pages，使用內建 sample data 與 in-memory storage 展示主要操作流程。
Tech Stack
C#.NETAvaloniaSQLiteDapperFluentMigrator
Browser Demo 第一畫面即為 Workspace canvas，包含節點庫、可拖曳節點、inspector、result table 與 pending changes。
Research Paper & Knowledge Workspace
開發中這是一個以 C#、.NET 9、Avalonia、Entity Framework Core 與 SQLite 建立的跨平台研究文獻管理工具。重點不是只做一個資料表，而是把書目 Metadata、閱讀狀態、Markdown 註記、附件與論文之間的語意關係整合成研究者可以持續使用的本機知識工作區。
Tech Stack
C#.NETAvaloniaEntity Framework CoreSQLiteMVVM
以 Clean Architecture 切分 Core、Application、Infrastructure 與 App，避免 UI、資料庫與領域邏輯混在一起。
About
關於我
我是 Justin，一位正在累積實作經驗的 Junior 工程學習者。目前主要專注在 Python、JavaScript、TypeScript 與網頁應用程式開發，透過不同主題的作品練習前端介面、資料處理、互動流程與應用程式架構。
我的背景與圖書資訊領域有關，因此我對資料如何被整理、描述、分類、搜尋與呈現特別有興趣。這也影響了我的專案方向：我不只想做單純的畫面或功能，而是希望把 metadata、資訊組織、檢索、數位典藏、知識管理與工作流程等概念，轉換成可以實際操作的數位產品。
目前我的主要技術重心是 Python 與網頁開發，包含 JavaScript、TypeScript、React、Next.js 與互動式介面設計。同時，我也正在學習 C++、C#、ASP.NET / .NET 與桌面應用開發，未來則計畫進一步學習 Java 與 Spring Boot，補強後端系統、API 設計與企業應用開發能力。
現階段我希望透過作品集呈現的不只是「使用過哪些技術」，而是我如何理解需求、整理資料、設計操作流程，並把圖書資訊背景與程式開發能力結合，做出清楚、可維護、可展示的作品。
資訊組織與 Metadata
關注資料欄位、分類、檢索、內容脈絡與數位典藏資料如何被整理成可操作的介面。
MetadataSearchDigital Archive
網頁應用與互動流程
透過 React、Next.js、TypeScript 與前端狀態設計，練習把資料與使用流程做成清楚的產品介面。
ReactNext.jsTypeScript
桌面與後端學習
正在補強 C++、C#、.NET、Avalonia、Qt、SQLite 與 API 設計，累積跨平台應用的基礎能力。
C++C#.NET
Tech Stack
技術與工具
我目前的技術學習以 Python、JavaScript、TypeScript 與網頁應用開發為主，並持續將圖書資訊領域中的資料組織、metadata、搜尋與數位典藏概念應用到作品中。除了前端與資料處理，我也正在逐步學習 C++、C#、ASP.NET / .NET 與桌面應用開發，未來會再補強 Java 與 Spring Boot 後端技術。
目前主要使用
Programming
PythonJavaScriptTypeScript
Frontend / Web
HTMLCSSReactNext.jsTailwind CSSComponent-based UIState ManagementResponsive Layout
Data / Information Organization
Metadata資料整理與資料欄位設計搜尋與篩選介面資訊分類與內容組織數位典藏概念知識管理介面基礎資料視覺化
Tools
GitGitHubVS CodeLinux Development Environment
正在學習
Desktop Application
C++C#.NETAvalonia UIQtSQLite
Backend / Web API
ASP.NET / ASP.NET CoreRESTful APIDatabase DesignFrontend / Backend Integration
未來學習規劃
Backend / Enterprise Stack
JavaSpring BootMavenBackend Layered ArchitectureAuthentication / AuthorizationDatabase and API Design
Current Goals
目前學習方向
我目前的主要學習重心是 Python、JavaScript、TypeScript 與網頁應用程式開發，並透過 React、Next.js 與互動式介面專案累積實作經驗。相比只做靜態頁面，我更希望能練習資料如何被輸入、整理、搜尋、篩選、呈現與操作。
因為我有圖書資訊背景，所以我特別關注 metadata、資訊組織、檢索、數位典藏與知識管理等主題。這些概念也會持續出現在我的作品中，像是文獻管理、數位典藏審查、資料工作區、檔案整理流程與互動式搜尋介面。
接下來我正在補強 C++、C#、ASP.NET / .NET 與桌面應用開發能力，希望理解不同平台上的應用程式如何設計資料模型、管理狀態、連接資料庫並建立完整操作流程。未來則計畫學習 Java 與 Spring Boot，進一步接觸企業常見後端技術與大型系統架構。
我的作品集希望呈現我能把一個需求拆解成清楚的資料結構、操作流程與介面設計，並透過持續實作，把圖書資訊背景與程式開發能力整合成有主題、有脈絡、也能持續擴充的作品。
主力
Python / JavaScript / TypeScript
以網頁應用、資料整理、搜尋篩選與互動式介面累積實作經驗。
PythonReactNext.js
領域整合
圖書資訊與 Metadata
將資訊組織、檢索、數位典藏與知識管理概念轉換成可操作介面。
MetadataRetrievalArchive
正在學習
C++ / C# / .NET
補強桌面應用、資料庫連接、狀態管理與後端 API 基礎。
C++C#ASP.NET Core
未來規劃
Java / Spring Boot
未來補強企業常見後端架構、權限驗證、資料庫與 API 設計。
JavaSpring BootMaven