welcome

Hi, I'm Chocoford, a software developer with strong focus on the user experience, animations and micro interactions

Chocoford - Software Developer with interests in UX Design & Animations

profile of Chocoford

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.

Contact Me!

Email

chocoford@chocoford.com

intents.giddier-0i@icloud.com

© 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

Deprecated

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

htmlwjswxss

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

Maintaining
Project Link

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

Vue 3TypeScript

2022

Trickle UI Components

A foundational component library for the Trickle projects

Project Status

Maintaining
Project Link

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

Vue 3TypeScript

2023

Trickle AI - Screenshot Desktop

Convert screenshots into insights through GPT 4o

Project Status

Maintaining
Project Link

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

SwiftSwiftUIGPT-4o

2023

ExcalidrawZ

Excalidraw client for Mac

Project Status

Maintaining
Project Link

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

SwiftSwiftUICoreData

2024

TranXlate

AI-powered translation tool

Project Status

Maintaining
Project Link

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

SwiftSwiftUIGPT-4o

2025

SalaReel

Real-time earnings & insights.

Project Status

Maintaining
Project Link

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

SwiftSwiftUISwiftData

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.