{"generatedAt":"2026-06-05T18:49:19.304Z","source":"https://www.eryetchen.com/projects","filters":{"workspaces":[],"types":[],"tech":[],"years":[],"industries":[]},"count":49,"total":49,"projects":[{"title":"Infinite Canvas Gallery","workspace":"side","type":"showcase","industry":"personal","tech":["react","vite","typescript"],"year":2026,"description":"Pannable, zoomable infinite canvas image gallery built with React and Vite."},{"title":"ChatGPT Chats Timestamp","links":{"live":"https://chromewebstore.google.com/detail/chatgpt-chats-timestamp/fjfjjofbppklnihhhdfcojbdbghpolhm","repo":"https://github.com/eryet/chatgpt-chats-timestamp"},"workspace":"side","type":"tool","industry":"personal","tech":["javascript","chrome-extension"],"year":2026,"description":"Chrome extension adding timestamps, jump-to-message navigation, and chat export (Markdown/Text/JSON) to the ChatGPT web UI."},{"title":"Threads Shopee Filter","links":{"repo":"https://github.com/eryet/threads-shopee-filter"},"workspace":"side","type":"tool","industry":"personal","tech":["javascript","chrome-extension"],"year":2026,"description":"Chrome MV3 extension that hides Threads posts where the author drops a Shopee affiliate link in their own self-reply."},{"title":"Text Path Intersection (Pixi.js)","links":{"repo":"https://github.com/eryet/text-beziour-pixijs"},"workspace":"side","type":"showcase","industry":"personal","tech":["pixi.js","javascript","web-workers"],"year":2026,"description":"Pixi.js v8 path-intersection demos — a Paper.js-style example reimplemented with Web Workers, line-segment tessellation, and spatial-grid collision detection."},{"title":"Claude Skill Collection","links":{"repo":"https://github.com/eryet/claude-skill-collection"},"workspace":"side","type":"tool","industry":"personal","tech":["shell","claude-code"],"year":2026,"description":"Personal collection of Claude Code skills."},{"title":"Codex Skill Collection","links":{"repo":"https://github.com/eryet/codex-skill-collection"},"workspace":"side","type":"tool","industry":"personal","tech":["python","codex"],"year":2026,"description":"Personal collection of Codex skills."},{"title":"Lottie Reverse Playground","links":{"repo":"https://github.com/eryet/lottie-reverse-playground"},"workspace":"side","type":"showcase","industry":"personal","tech":["html","lottie"],"year":2026,"description":"Playground for experimenting with reversed Lottie animation playback."},{"title":"React Flow Showcase","links":{"live":"https://react-flow-showcase.vercel.app/"},"workspace":"side","type":"showcase","industry":"personal","tech":["react","typescript","zustand","xyflow"],"year":2024,"description":"Node-based dynamic pricing calculator built with @xyflow/react beta, Zustand, and TypeScript.","featured":true},{"title":"Kanon Wallpaper","links":{"live":"https://kanon-wallpaper.vercel.app"},"workspace":"side","type":"wallpaper","industry":"personal","tech":["css","animation"],"year":2023,"description":"Interactive animated desktop wallpaper. Published on Steam Workshop.","featured":true},{"title":"Suisei Wallpaper","links":{"live":"https://suisei-wallpaper.vercel.app"},"workspace":"side","type":"wallpaper","industry":"personal","tech":["css","gsap","animation"],"year":2023,"description":"Hoshimachi Suisei themed animated wallpaper with CSS and GSAP animations.","featured":true},{"title":"Sachi Wallpaper","links":{"live":"https://sachi-wallpaper.vercel.app"},"workspace":"side","type":"wallpaper","industry":"personal","tech":["css","animation"],"year":2022,"description":"Animated wallpaper featuring layered parallax and particle effects.","featured":true},{"title":"Shigure Ui Wallpaper","links":{"live":"https://shigure-ui-wallpaper.vercel.app"},"workspace":"side","type":"wallpaper","industry":"personal","tech":["css","animation"],"year":2022,"description":"Shigure Ui themed interactive wallpaper with CSS animations.","featured":true},{"title":"Arknight Wallpaper","links":{"live":"https://arknight-wallpaper.vercel.app"},"workspace":"side","type":"wallpaper","industry":"personal","tech":["three.js","gsap","animation"],"year":2021,"description":"Arknights themed animated wallpaper with Three.js and GSAP.","featured":true},{"title":"HoloBurger","links":{"repo":"https://github.com/eryet/HoloBurger"},"workspace":"side","type":"showcase","industry":"personal","tech":["react-native","javascript"],"year":2020,"description":"React Native app for browsing Hololive VTuber stream info via the (now-deprecated) Holotools API."},{"title":"Hikaru Vol. 026","links":{"live":"https://hikaru-tw.github.io/hikaru-vol-026/","repo":"https://github.com/Hikaru-tw/hikaru-vol-026"},"workspace":"hikaru","type":"showcase","industry":"agency-internal","tech":["html","css","javascript","animation"],"year":2026,"description":"A gallery of twenty-five generative studies, set like an editorial in the spirit of Awwwards-winning sites. Hikaru's 2026 image lab — hand-tuned serifs, hushed motion, not a single dependency.","featured":true},{"title":"EMEGA Web Promotion (Mar 2026)","workspace":"hikaru","type":"campaign","industry":"finance","tech":["scss","html"],"year":2026,"description":"Marketing promotion page built with SCSS for EMEGA's March 2026 campaign."},{"title":"EMEGA Web Promotion (Apr 2026)","workspace":"hikaru","type":"campaign","industry":"finance","tech":["html"],"year":2026,"description":"HTML-based promotion page for EMEGA's April 2026 campaign rollout."},{"title":"EMEGA Rate Campaign","workspace":"hikaru","type":"campaign","industry":"finance","tech":["html"],"year":2026,"description":"Rate-comparison campaign landing page for EMEGA."},{"title":"EMEGA 12/30 Web Promotion","workspace":"hikaru","type":"campaign","industry":"finance","tech":["html"],"year":2026,"description":"End-of-year HTML promotion page for EMEGA."},{"title":"KGI Bank Treasure","workspace":"hikaru","type":"campaign","industry":"finance","tech":["html"],"year":2026,"description":"Treasure-themed marketing landing page for KGI Bank."},{"title":"Shin Kong Life — Mazhu Oracle","workspace":"hikaru","type":"campaign","industry":"finance","tech":["typescript"],"year":2026,"description":"Interactive Mazu oracle campaign for Shin Kong Life, built with TypeScript."},{"title":"HSBC Credit Card 2025","workspace":"hikaru","type":"campaign","industry":"finance","tech":["javascript"],"year":2025,"description":"Refresh of the HSBC credit card promotional website."},{"title":"HSBC Credit Card","workspace":"hikaru","type":"campaign","industry":"finance","tech":["javascript"],"year":2025,"description":"Promotional credit card website for HSBC."},{"title":"SKL Life Foundation","workspace":"hikaru","type":"campaign","industry":"non-profit","tech":["html"],"year":2025,"description":"Official website for 財團法人新光人壽慈善基金會 (SKL Life Charity Foundation)."},{"title":"Durex POME SPA","workspace":"hikaru","type":"campaign","industry":"branding","tech":["laravel","php","html"],"year":2024,"description":"Single-page Laravel-backed campaign site for Durex POME."},{"title":"Durex Card Game (Laravel)","workspace":"hikaru","type":"campaign","industry":"branding","tech":["laravel","php"],"year":2024,"description":"Durex 2024 Q3 interactive card game built on Laravel."},{"title":"Durex Hero Animation","workspace":"hikaru","type":"campaign","industry":"branding","tech":["typescript","animation"],"year":2024,"description":"TypeScript-driven hero animation experience for Durex."},{"title":"Lotte Koala 40th Anniversary","links":{"live":"https://event.lottetaiwan.com.tw/koala40/#intro"},"workspace":"hikaru","type":"campaign","industry":"branding","tech":["javascript","animation"],"year":2024,"description":"Interactive campaign page for Lotte Koala's 40th anniversary event.","featured":true},{"title":"Durex Captain Training","workspace":"hikaru","type":"campaign","industry":"branding","tech":["javascript","animation"],"year":2024,"description":"Gamified campaign page for Durex's Captain Training Program launch."},{"title":"Sony Soundbar","workspace":"hikaru","type":"campaign","industry":"branding","tech":["astro","typescript"],"year":2024,"description":"Product marketing page for Sony Soundbar series."},{"title":"Shin Kong Life","workspace":"hikaru","type":"campaign","industry":"finance","tech":["javascript"],"year":2024,"description":"Interactive marketing campaign for Shin Kong Life Insurance."},{"title":"Cathay Pension Dashboard","workspace":"hikaru","type":"dashboard","industry":"finance","tech":["javascript"],"year":2025,"description":"Pension management dashboard for Cathay built with JavaScript."},{"title":"Durex POME Dashboard","workspace":"hikaru","type":"dashboard","industry":"branding","tech":["react","typescript","antd","i18n"],"year":2024,"description":"CRM dashboard with 10+ charts, Ant Design, and i18n support for campaign KPI analysis."},{"title":"Hikaru Table Compare (SqlPackage)","workspace":"hikaru","type":"internal-tool","industry":"agency-internal","tech":["powershell","sql"],"year":2026,"description":"PowerShell utility wrapping SqlPackage to diff database schemas across environments."},{"title":"KGI Encoding Fixer","workspace":"hikaru","type":"internal-tool","industry":"finance","tech":["c#",".net"],"year":2026,"description":"C# tool to detect and repair character-encoding issues in legacy KGI data files."},{"title":"KGI Grafana k6 Stress Test","workspace":"hikaru","type":"internal-tool","industry":"finance","tech":["k6","grafana","devops"],"year":2025,"description":"k6 load-testing scripts wired to Grafana dashboards for KGI service performance benchmarks."},{"title":"Hikaru Hashed URL","workspace":"hikaru","type":"internal-tool","industry":"agency-internal","tech":["php"],"year":2024,"description":"PHP service that generates and resolves hashed short URLs for internal Hikaru links."},{"title":"EZOUTDOOR","links":{"live":"https://www.ezoutdoor.com.tw/"},"workspace":"hikaru","type":"platform","industry":"branding","tech":[],"year":2024,"description":"Public-facing EZOUTDOOR e-commerce site for outdoor gear and equipment.","featured":true},{"title":"EZOUTDOOR Repo Bot","workspace":"hikaru","type":"internal-tool","industry":"branding","tech":["javascript","github-actions"],"year":2024,"description":"JavaScript automation bot for managing EZOUTDOOR's GitHub repository workflows."},{"title":"Hikaru Little Things","workspace":"hikaru","type":"internal-tool","industry":"agency-internal","tech":["html","javascript"],"year":2024,"description":"Collection of small HTML snippets and one-off internal utilities used across Hikaru projects."},{"title":"EZOUTDOOR LINE Chat","workspace":"hikaru","type":"internal-tool","industry":"branding","tech":["php"],"year":2024,"description":"PHP-based LINE chat integration for EZOUTDOOR internal communications."},{"title":"Cooperative Bank ATM UI","workspace":"hikaru","type":"atm","industry":"finance","tech":["handlebars","gsap","typescript"],"year":2024,"description":"402 bilingual ATM screens (ZH/EN) built with Handlebars.js, GSAP, and TypeScript."},{"title":"Hikaru AI","workspace":"hikaru","type":"platform","industry":"agency-internal","tech":["javascript","liff","line-bot"],"year":2026,"description":"Full AI image platform — admin console, LINE bot, and LIFF front-end."},{"title":"Hikaru Login LIFF","workspace":"hikaru","type":"liff","industry":"agency-internal","tech":["javascript","liff"],"year":2026,"description":"LINE LIFF check-in flow for Hikaru 光曜町."},{"title":"Hikaru LINE Chat Bot","workspace":"hikaru","type":"liff","industry":"agency-internal","tech":["javascript","line-bot"],"year":2026,"description":"LINE chatbot backend powering Hikaru customer interactions."},{"title":"Durex LINE LIFF QA","workspace":"hikaru","type":"liff","industry":"branding","tech":["typescript","liff"],"year":2024,"description":"Q&A flow inside Durex's LINE LIFF, written in TypeScript."},{"title":"Durex Member LIFF","workspace":"hikaru","type":"liff","industry":"branding","tech":["javascript","liff"],"year":2024,"description":"Membership LIFF integration for Durex's LINE channel."},{"title":"NCNU COVID-19 Management System","workspace":"university","type":"full-stack","industry":"education","tech":["javascript","php"],"year":2020,"description":"Contact tracing and case management system for the university, built with JavaScript and PHP."},{"title":"Puli Tourism & Discount Platform","workspace":"university","type":"full-stack","industry":"education","tech":["react","django","python"],"year":2020,"description":"Travel guide with QR-code discounts and LINE bot booking, built with React and Django."}]}