About Callista

I am a Software Developer skilled in React, React Native, and JavaScript, with experience building responsive, user-friendly web and mobile applications. Beyond interface development, I also design and implement AI-powered automation solutions that streamline workflows and enhance productivity.

With a strong foundation in both coding and project management, I bridge technical execution with strategic planning. I enjoy transforming ideas into polished products through clean code, purposeful design, and effective collaboration—always driven by problem-solving and continuous learning.

Code with clarity, design with purpose, manage with vision.

Callista

I WRITE CODE

I build clean, reliable software that works.

My Coding Principles

KISS (Keep It Simple, Stupid)

KISS (Keep It Simple, Stupid)

The KISS principle emphasizes simplicity in design and coding. By avoiding unnecessary complexity, solutions remain clear, easy to read, and more maintainable over time.

DRY (Don't Repeat Yourself)

DRY (Don't Repeat Yourself)

The DRY principle minimizes repetition by reusing logic across functions or modules, ensuring code remains consistent, efficient, easier to update, and maintainable.

SOLID Principles

SOLID Principles

SOLID provides guidelines for writing clean, modular, and extensible code. It encourages flexibility, separation of concerns, and reduces dependency issues.

My Tech Stack

My daily toolkit includes React, React Native, Vue, TypeScript, JavaScript, HTML, CSS, Git, and Figma—covering everything from design to development.

React / React Native

React / React Native

A JavaScript library for building user interfaces, maintained by Facebook.

JavaScript

JavaScript

A versatile programming language primarily used for web development to create interactive effects within web browsers.

TypeScript

TypeScript

A typed superset of JavaScript that compiles to plain JavaScript, enhancing code quality and maintainability.

Next.js

Next.js

A React framework for building server-side rendered and statically generated web applications.

Vite

Vite

A build tool that aims to provide a faster and leaner development experience for modern web projects.

Firebase

Firebase

A platform developed by Google for creating mobile and web applications.

GraphQL

GraphQL

A query language for APIs and a runtime for executing those queries with your existing data.

Swagger

Swagger

A set of tools for designing, building, documenting, and consuming RESTful web services.

Zustand

Zustand

A small, fast, and scalable state management solution for React applications.

Redux

Redux

A predictable state container for JavaScript apps, often used with React.

Ant Design

Ant Design

A comprehensive UI framework for building enterprise-level applications with React.

Chakra UI

Chakra UI

A simple, modular, and accessible component library for React applications.

Material-UI

Material-UI

A popular React UI framework implementing Google's Material Design.

Shopify

Shopify

A leading e-commerce platform that allows businesses to create online stores and manage their sales.

Tailwind CSS

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.

WordPress

WordPress

A popular content management system (CMS) used for creating websites and blogs.

Tamagui

Tamagui

A UI kit and design system for React Native and web, focusing on performance and developer experience.

NativeBase

NativeBase

An open-source framework to build React Native apps with a rich set of components.

Git

Git

A distributed version control system for tracking changes in source code during software development.

Figma

Figma

A web-based UI/UX design application that allows for collaborative design and prototyping.

I design interfaces

I craft user-friendly designs that feel natural.

My Design Principles

User-Centered

User-Centered

Designs shaped by real user needs, behaviors, and expectations.

Business-Aligned

Business-Aligned

Designs that bring business ideas and goals to life.

Effortless Journeys

Effortless Journeys

Experiences that guide users smoothly to their goals.

I Automate AI

I create smart systems that save time and effort.

Email Summarization

AI reads incoming emails → generates a short summary → sends it to Slack/Teams.

Customer Support Triage

Incoming support ticket → AI categorizes issue → route to correct team.

Caption Generator

Input blog/article → AI creates 3-5 caption variations → auto-post via Social Media API.

Follow-up Email Automation

After client meeting → AI generates follow-up email summary → auto-send via Gmail/Outlook.

Smart Proposal Drafting

Sales team inputs deal info → AI drafts personalized proposal → send for approval.

Customer Chatbot Integration

AI answers FAQs → escalate complex issues to human support.

My Certification

Holds a Google Project Management Certificate alongside technical skills.

Google Project Management Professional Certificate (v2)

Google Project Management Professional Certificate (v2)

A comprehensive program that equips learners with essential project management skills, including planning, execution, and leadership, to effectively manage projects in various industries.

Provider: Coursera | Google Career Certificates

Date Issued: June 12, 2025

Credential ID: Q66U978VRZQ4

Let's Connect


callista.chan21@gmail.com

Kuala Lumpur, Malaysia

Hand-coded in Visual Studio Code using TypeScript, React, and Next.js. Proudly deployed live on Vercel.

Social Media