Create Next App

about me

Hello world! My name is Kaiyi. I'm a passionate Web

DeveloeprandDesigner

.I dedicate to crafting seamless, user-friendly applications that blend functionality with aesthetic appeal.
I'm always curious and open to new ideas, seeking opportunities to collaborate with others, share knowledge, and explore innovative approaches. My goal is to not only improve my own skills but also contribute to a community of like-minded individuals.

All Blogs

Languages: JavaScript, TypeScript, HTML, CSS, Python, C#
Frameworks & Libraries: React, Next.js, Blazor, Tailwind CSS
Databases: MySQL, PostgreSQL, Prisma, MongoDB
Tools & Platforms: Figma, Git, Jest, Mocha, Vercel
Others: RESTful APIs, Responsive Design, Graphic Design

tech

experience

Web Developer (Full Stack)

Toronto

Cheil @ Samsung Canada

Feb 2026 - Present

React, Flask, Ubuntu, GCP, Vertex AI, Claude, Docker, Cloudflare, AEM
- Developed AI Studio agentic AI workflow on Gemini that generates and automates Samsung creative—AI backgrounds, on-brand copy, video treatments from existing product photography across multi-channel specs, accelerating campaign asset turnaround by ~60%.
- Developed a CRM campaign system that turns design into production-ready email HTML within ~10 minutes (~10× faster), automating layout, responsive markup, and preview packaging versus the prior design-to-code handoff.
- Build and customize AEM components for Samsung campaigns, product launches, and promotional pages.
- Develop and maintain web experiences for Samsung Canada using HTML, CSS, JavaScript, and Adobe Experience Manager (AEM).
- TrueNorthTunes: Full-stack national music competition platform partnered with Samsung Canada built on Cloudflare Workers, R2, and D1; took over end-to-end development and maintenance of a platform with 10,000+ monthly visitors.
- Owned production hosting for internal AI tools on Linux servers—Dockerized services, network/firewall and LAN access configuration, environment secrets management, and end-to-end full-stack deployment and uptime operations.

Frontend Developer, Remote

United States

Hyperknow

Apr 2025 - Aug 2025

React, Node.js, TypeScript, Shadcn UI, Babel, Webpack, Tailwind CSS, LLM integration
- Implemented AI-assisted note generation using React.js and contextual Q&A features by integrating LLMs.
- Collaborated with product managers, designers, and backend engineers through Jira to streamline agile workflows, delivering 15+ React components with 98% on-time completion.
- Built and maintained a modular component system using React and Shadcn UI, improving UI consistency.
- Integrated a rich-text editing experience using Tiptap, enabling advanced content formatting, image embedding, and custom extension support for enhanced user input.
- Optimized performance by implementing atom design and reducing duplicated API calls by 30%.

Software Engineer Intern, Remote

United States

Ditto AI

Jan 2025 - Aug 2025

React, TypeScript, Jotai, Signal, SCSS, Shadcn, Jest
- Assist in developing user interfaces using React.js and related libraries.
- Participate in building reusable components and front-end architecture.
- Work on integrating RESTful APIs and using Axios into React application.
- Implemented global state management with Jotai, improving code maintainability and developer experience.
- Implemented real-time data updates using WebSocket, ensuring seamless live interactions.

Blog Website (Yep, you're here!)

Jan 2025 - Present

React, TypeScript, Jotai, Signal, SCSS, Shadcn
- Developed my own full-stack blog website, integrating a CMS for content management to continuously create, update, and display my blog posts.
Click here to see how it was built!

Home Away Website

May 2024 - Sep 2024

Next.js, TypeScript, Tailwind CSS, Prisma ORM, PostgreSQL, Vercel
Developed A full-stack web application for vacation rental services.
- Created user, property, and order features with Prisma ORM for efficient data handling.
- Achieved 60% unit test coverage with Jest and automated CI/CD deployment via GitHub Actions to Vercel.
- Built a reusable component library and implemented OAuth2.0 login using Clerk.

Student Registration Web Application

May 2024 - Sep 2024

C#, .NET, Blazor, Dapper, MySQL
Developed a database-driven student registration app using C#, Blazor, and Dapper with a MySQL database.
- Built dynamic UI components for real-time student, course, and registration management.
- Implemented unified validation, error handling, and modular architecture for scalability.
- Conducted smoke tests to ensure functionality under diverse scenarios.

projects