Callista's works

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

Landing Page

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

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

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)

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

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

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

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

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

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

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

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)

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

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

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