Selected Works

A collection of professional projects built with Pimcore and Laravel, demonstrating high-performance web development and dynamic content management.

hkHub is a specialized iOS application designed for Hong Kong residents, providing a single point of access for essential real-time information. The project deeply integrates multiple government open data sources (DATA.GOV.HK) to offer real-time weather updates, MTR arrival forecasts, Air Quality Health Indexes (AQHI), and traffic navigation. Through a minimalist and intuitive UI, users can grasp the city's pulse in seconds.

#SwiftUI #RESTful APIs (DATA.GOV.HK)

AI-Powered Image Recognition Educational App (Gemini Vision EDU) Developed an innovative mobile learning application that enables users to capture photos of real-world objects and leverage Google Gemini Pro Vision AI for instant image analysis. The system automatically identifies objects in the photos and provides: Multilingual Object Naming: Displays object names in both Chinese and English. Contextual Example Sentences: Generates relevant English sentences to aid contextual understanding. Interactive Spelling Game: Deconstructs object names into individual letters, allowing children to learn spelling through drag-and-drop or tap interactions, thereby enhancing vocabulary retention. This application aims to provide an engaging and effective multilingual vocabulary learning experience for children through visual and interactive methods.

#Vercel #CI/CD #React JS #Html #Google Gemini AI

OpenClaw Bot

Full-Stack

OpenClaw: Exploring & Implementing Agentic AI Workflows This project focuses on the research and deployment of OpenClaw, a cutting-edge Agentic AI tool designed for autonomous development. By configuring local gateways and WebSocket protocols, I established a system where AI agents can autonomously control browsers and development environments. Key Contributions: Environment Engineering: Successfully architected and deployed a complex local environment involving browser control services and AI model gateways. AI-Driven Scaffolding: Leveraged AI Agents to automate project initialization and code generation, transitioning from manual coding to "intent-driven" development workflows. Technical Analysis: Gained deep insights into how AI agents utilize environmental feedback (such as log monitoring and DOM states) to make autonomous decisions, significantly optimizing development efficiency.

#Agentic AI Implementation