Projects

A collection of my recent work and personal projects.

A modern personal website built with Next.js, React, and MongoDB. The platform features responsive design, multi-language support, and a clean, elegant interface style. It aims to comprehensively showcase personal projects, technical skills, and professional experience. Additionally, the site integrates the author's interests and commonly used code snippets, reflecting a design philosophy that balances personalization and practicality.

Next.jsReactTypeScriptMongoDBTailwindCSSZustand

Key Highlights:

  • Responsive components built with React and Tailwind CSS, providing a consistent visual and interactive experience across desktop and mobile devices.
  • Interface design aligns with modern aesthetics—clean and refreshing, highlighting the content itself while avoiding excessive redundant elements.
  • Creates a unique personal brand image through personalized content, enhancing recognizability.
  • Internationalization (i18n) capability supporting multi-language switching, facilitating access for users speaking different languages and expanding the audience reach.

A WeChat Mini Program built with Taro and React, designed to help families plan their weekly meals together. Family members can share a recipe library, schedule meals in advance, and manage permissions with ease. You can easily find it in WeChat mini program - '羊毛衫菜谱'. But it is not internationalized.

TaroReactTypeScriptReduxWeChat Mini ProgramTencent CloudBase

Key Highlights:

  • Cross-platform Mini Program built with Taro, supporting up to 10 family members.
  • Organized recipe library with search and category filters (e.g., main dishes, stir-fries, soups).
  • Daily meal planner with card-style layout for quick scheduling.
  • Backed by Tencent CloudBase for image uploads, user authentication, and data storage.

A calendar component built in Salesforce using LWC (Lightning Web Component), based on native HTML, CSS, and JavaScript. This is a practice project.

SalesforceLWCHTML, CSS, JSSLDSPractice Project

Key Highlights:

  • A natively built component with a relatively complex implementation — it took quite a bit of brainpower.
  • The UI is not particularly attractive, but it's functional.
  • Includes features not found in Salesforce's default calendar components — special markings for holidays, min/max date restrictions, and logic to ensure the start date cannot be later than the end date.
  • A project completed during my internship—kept for memory's sake.