Callista's works

Clean, simple, and scalable — guided by KISS, DRY, and SOLID principles.

Landing Page

Responsive landing pages built with Next.js, React, Chakra UI, and Tailwind CSS. Designed for clean layouts, scalability, and adaptability across devices.

Next.js
React
Chakra UI
Tailwind CSS

E-Commerce

Managed Shopify storefronts and provided layout ideas, while also customizing e-commerce UI with WordPress for tailored shopping experiences.

Shopify
WordPress
React
Next.js
Tailwind CSS

Sport Booking System & App

Focused on admin and venue owner portals using Next.js, React, Material UI, and GraphQL. Also contributed to mobile app features with React Native, Tamagui, Zustand, and GraphQL.

Next.js
React
Material UI
GraphQL
Tamagui
Zustand

Sport Directory App (UI)

Converted Figma designs into functional UI using React Native, TypeScript, and Native Base for a smooth user experience.

React
TypeScript
Native Base

Pet App

Developed merchant and driver modules with React Native and Native Base. Integrated Firebase for authentication and Google Maps for real-time location tracking.

React
Native Base
Firebase
Google Maps

Grocery App

Built merchant and driver modules for a grocery delivery app using React Native, Native Base, Firebase, and Google Maps for live tracking.

React
Native Base
Firebase
Google Maps

Maternity Care System & App

Focused on the web admin platform using Next.js, React, Material UI, and GraphQL to manage appointments and bookings. Also helped maintain the user-facing app.

Next.js
React
Material UI
GraphQL

Technician App

Built a job management app for technicians with React Native and Native Base. Integrated GraphQL APIs and Firebase for notifications and task updates.

React
Native Base
Firebase
GraphQL

Education Management & App

Contributed to the initial development of the education management app, integrating GraphQL with Tamagui and Zustand for state management.

React
GraphQL
Tamagui
Zustand

Education Web

Developed an education web platform for video learning and certifications, using Vite, React, Ant Design, Redux, and REST API.

Vite
React
Ant Design
Redux
Swagger

Stocktake App

Created a stock management app that supports QR code and barcode scanning for inventory tracking, built with React Native, Tamagui, and Zustand.

React
Tamagui
Zustand
GraphQL

Car Selling App (Revamp)

Revamped a car selling app using React Native with Tamagui and Zustand. Enhanced performance and integrated APIs with GraphQL.

React
Tamagui
Zustand
GraphQL

E-Invoicing Form

Developed a digital invoicing form with React, Next.js, and Ant Design, streamlining billing and submission processes.

React
Next.js
Ant Design

Business Web Platform

Developed a web-based platform using React, Next.js, Material UI, and GraphQL for streamlined business operations and modern UI consistency.

React
Next.js
Material UI
GraphQL

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