Environmental Monitoring System | ESP32 IoT Project

Background
This project simulates real-world environmental monitoring by using IoT devices to collect and present temperature, humidity, and air-related data over extended periods, demonstrating continuous monitoring applications.

 

Solution
ESP32 devices paired with environmental sensors read data in real time, then wirelessly transmit it to a central system. A dashboard was built to visualize and monitor the data for clear observation and interpretation.

 

Outcome
The project showcases IoT integration, sensor data streaming, and practical system deployment, highlighting the complete workflow from edge devices to data presentation.

 

Tech Stack

 ESP32 / IoT Integration / Sensor Data Streaming / Data Visualization / Practical System Deployment

AI Chatbot Integration | n8n Workflow Automation Project

Background
This project addresses real-world website interaction needs by building an AI chatbot capable of responding to user queries in real time, demonstrating how ChatGPT can be integrated into automated workflows.

Solution
n8n was used to design the backend automation workflow. User inputs were received via webhooks, processed through ChatGPT for understanding and response generation, and returned to the website interface as a seamless AI-driven conversation flow.

Outcome
The project demonstrates hands-on experience in ChatGPT API integration, workflow automation design, and front-end/back-end connectivity, highlighting scalable AI-powered interaction systems.

Tech Stack

 n8n / ChatGPT API / Webhook / Workflow Automation / Front-end & Back-end Integration



View Project on GitHub

file2

User-Centric Architecture & Wireframing | Figma Project

Background
The project aimed to design intuitive digital experiences by mapping information hierarchy and user journeys before development, minimizing rework and miscommunication during implementation.

Solution
Created wireframes in Figma to visualize layout structure, navigation flow, and content hierarchy, ensuring functional and user-friendly design while facilitating front-end development alignment.

Outcome
This project demonstrates skills in UX architecture, wireframing, and pre-development visualization, emphasizing user-focused design and efficient project preparation.

Tech Stack

 Figma / Wireframing / UX Architecture / User Flow / Pre-Development Planning

Lite ERP|全端 MVC 系統實作

Background
This project helps businesses implement a simple ERP system to manage inventory, checkout, and daily operations.

Solution
Built backend with Native PHP 8.x and SQLite, frontend with Tailwind CSS and Alpine.js, following MVC architecture. Supports bilingual functionality, includes POS transactional logic for inventory integrity, and can be deployed quickly.

Outcome
Demonstrates full-stack development and architectural design skills, delivering a functional, data-consistent ERP system that simplifies business management.

Tech Stack

 PHP 8.x / SQLite / Tailwind CSS / Alpine.js / MVC / Multi-Language / Zero-Dependency Deployment

Let’s Build Something Great Together!

With a background spanning retail operations, system thinking, and web-based solutions, I bring a practical, business-driven approach to problem-solving. Whether you’re looking for someone to help build internal tools, improve operational workflows, or explore system-driven solutions, I’m always open to meaningful collaborations and new opportunities.

© 2025 All Rights Reserved.