About Me
Hi, I'm Chocoford, an independent developer from China. I am currently employed as a front-end engineer at Trickle .
My primary tools of choice includes:
Swift
SwiftUI
TypeScript
Vue
Vapor
I am currently focused on creating small but beautiful tools that solve real problems. I believe a good app should be able to reside permanently on a computer without negatively impacting the user experience, which is why native development is my preferred approach.
Beyond coding, I'm passionate about design, illustration, animation.
© 2025 · Chocoford Tech · Crafted using Astro by Chocoford.
2021
Boom Wechat mini program
Boom WeChat Mini Program, for managing recorded content and annotations.
Project Status
Project Details
WHAT IS BOOM Capture the screen, camera, and microphone without the local install. Save your videos to the cloud and share instantly with a link. It is a good complement for most sync collaboration. BOOM helps your team stay aligned and have flexible time management. Recordings saved in the gallery allow adding time-stamped comments. The asynchronous communication connects you with the future of work. KEY FEATURES - Record the web page, the whole browser window, camera, and microphone; - Save videos to the cloud and share them with public links; - Insert embed code in Notion or other tools; - Download the MP4 format without watermark; - Draw on videos to highlight; - Trim your video with user-friendly editing functions; - Restrict Access to secure your contents; - Add time-stamped comments by recording short videos Ultimately, the project will be completely shut down in 2024.
Technology Stack
My Contribution
I was solely responsible for the development of this project, independently completing all code writing and feature implementation.
Challenges
The main challenges of this project included dealing with compatibility issues due to the outdated WeChat browser kernel, incomplete development documentation, and having to discover and resolve numerous undocumented issues through trial and error.
2022
Trickle Editor
Trickle's built-in Notion-like editor.
Project Status
My Contribution
I was solely responsible for the development of this project, independently completing all code writing and feature implementation.
Challenges
The editor is a highly complex component. As development progressed, many issues had no publicly available solutions. Additionally, maintenance and iteration speed decreased as complexity increased, making single-person maintenance gradually unsustainable.
Project Details
Trickle Editor is Trickle's built-in editor, designed to provide a Notion-like editing experience. This editor is a WYSIWYG rich text editor that supports various formats and styles, such as headings, lists, todos, code blocks, embeds, bookmarks, etc. It features a slash command menu and supports drag-and-drop reordering. I independently developed this component using Vue 3 and TypeScript. However, due to strategic adjustments within the company and increasing project complexity, Trickle Editor gradually could not meet the team's needs. Therefore, in subsequent projects, Trickle Editor was gradually replaced by more mature editor libraries, such as Quill.
Technology Stack
2022
Trickle UI Components
A foundational component library for the Trickle projects
Project Status
My Contribution
I was fully responsible for the development of this project, independently completing all code writing and feature implementation.
Challenges
This project had no major technical difficulties, but involved a lot of repetitive work. Additionally, the company's project UI styles changed frequently, and maintaining a relatively stable component library actually reduced development efficiency.
Project Details
To support Trickle's rapid iteration and development, we created a foundational component library—Trickle UI. This library contains commonly used UI components, designed to provide a consistent user experience and efficient development workflow. I was fully responsible for this component library, independently completing the development and documentation, as well as the UI design for the component library showcase page. Trickle UI built its own icon library, where icons were designed by company designers in Figma and then converted into web-friendly iconfont files through GitHub workflows. Later, when Trickle's latest project was refactored with React, the Vue-based Trickle UI component library was gradually deprecated.
Technology Stack
2023
Trickle AI - Screenshot Desktop
Convert screenshots into insights through GPT 4o
Project Status
My Contribution
I was fully responsible for the development of this project, independently completing all code writing and feature implementation.
Challenges
SwiftUI compatibility was the main challenge.
Project Details
Trickle AI is an AI-based screenshot tool designed to help users quickly capture screen screenshots and convert them into valuable insights. This tool integrates the GPT-4o model, capable of analyzing screenshot content and generating relevant insights and suggestions. Screenshot Desktop is an important component of Trickle AI, focused on providing users with a smoother screenshot experience on the desktop side. All code for this project was written by me, developed using Swift language and SwiftUI framework. Currently, this project is still running, but due to strategic adjustments within the company, Trickle AI is no longer being promoted as a main product line.
Technology Stack
2023
ExcalidrawZ
Excalidraw client for Mac
Project Status
My Contribution
I am the sole developer of this project, responsible for all code writing and feature implementation. I also designed the UI and user experience, ensuring it meets the needs of Excalidraw users on Mac.
Challenges
The main challenges included integrating the Excalidraw web engine with native SwiftUI components, implementing reliable file management and auto-save functionality, and ensuring cross-platform compatibility between macOS and iOS while maintaining optimal performance.
Project Details
ExcalidrawZ is a native Excalidraw client for Mac, built entirely with SwiftUI. It solves the lack of file management in the original Excalidraw web app by providing automatic saving, file grouping, and seamless organization of your drawings. Main features include: - Create folders to group and manage different Excalidraw files - Support for local folders and temporary files (open `.excalidraw` files directly) - Real-time collaboration and multi-user editing - Import `.excalidraw`, `.excalidraw.png`, and `.excalidraw.svg` files - Rich export and sharing options: images, files, lossless PDF, batch archiving - File history: automatic snapshots for every file switch to ensure data safety - iOS & iPadOS support with iCloud sync and Apple Pencil compatibility - Exported images remain fully editable - Deep linking support planned for future releases The core code is fully open source. Contributions and discussions are welcome on GitHub. This is a fully open-source project led entirely by myself. The repository has received 500+ stars and continues to grow.
Technology Stack
2024
TranXlate
AI-powered translation tool
Project Status
My Contribution
I was fully responsible for the development of this project, independently completing all code writing and feature implementation.
Challenges
The main challenges of this project were implementing efficient translation processing and AI model integration on the client side, while ensuring smooth user experience.
Project Details
TranXlate is an AI-based translation tool that allows users to quickly summon a translation interface through keyboard shortcuts, enabling fast interactions throughout the process to save user time. This tool integrates the GPT-4o mini model, with AI capabilities provided by Trickle. TranXlate supports translation of any user input language and supports mutual translation between multiple languages. All code for this project was written by me, developed using Swift language and SwiftUI framework. Currently, this project is still running and has been launched on the App Store. I own all rights to it.
Technology Stack
2025
SalaReel
Real-time earnings & insights.
Project Status
Project Details
SalaReel is a modern app designed specifically for flexible salary and overtime management. It supports multiple currencies, real-time salary accumulation, and records for overtime as well as rewards and penalties, helping you effortlessly manage every bit of your income.
Technology Stack
My Contribution
I am the sole developer of this project, responsible for all code writing and feature implementation. I also designed the UI and user experience, ensuring it meets the needs of users who want to manage their salary and overtime flexibly.
Challenges
The main challenges of this project include implementing real-time salary accumulation, calculating various derived data, ensuring SwiftData performance, and providing a seamless user experience.