“ This is Amber Pan~ Welcome to my site~~ ”
-
An individual project:
e-Commerce platform with full-stack engineering, "Heehee," from engineering & designing to implementation using the MERN model.
It is meant to be a modern, user-friendly shopping experience with advanced features including backend-to-frontend user authentication, authenticated user paths with tokens, protected payment integration (PayPal and credit/debit card methods), and user/admin management functionalities with complete interfaces to all clients.
-
JavaScript (ES6+), React, Node.js, Express, Redux, MongoDB (Mongoose),JWT, HTTP-only cookies, React Router, PayPal API, Git, GitHub, React-Bootstrap, Postman
-
Litigiven is an AI-powered platform built to streamline legal workflows for professionals by simplifying legal research, automating report generation, and supporting intelligent assistant tools.
-
Built the design system for scalable and consistent UI
Designed the payment flow for subscription and onboarding
Created visualizations for legal document and bill tracking
Designed marketing website pages and product landing experiences
Led UI design for core product services including dashboards, hubs, tables, and feeds
Mapped complex workflows like lawyer-client contract exchange and AI-to-UI data flows
Designed the AI voice assistant flow for legal call recording and summarization
-
Cut costs and save time with our mobile platform, streamlining medical reservations for international students in the US.
— [MediCom] medical App
-
UX Researching/Designing
Interface Designing
Graphic Designing
Interactive Designing
—Say goodbye to tedious calls and endless browsing!
-
Relax your brain on your smartphone in just 3 minutes with our quick game.
— [Whack a Space Mole] mobile game
-
Art/Technical Art Designing,
Level Designing
Video Making
—Get your daily dose of Wack a Mole in our “Space”!
-
Simplify HR tasks, offering B2B seamless online management for recruiting business companies.
AI writer flow facilitates smoother auto-generations.
—[Hirebeat] online AI solution
-
Interactive Designing
Interface Designing
-
A branding website for the client, enabling efficient sharing of educational resources across all 4 organizational branches.
— [Center for an Informed Public(CIP)] branding website
-
Website Designing
Website Developing
-
Reveal the pH levels of the ocean through this visualization program, addressing environmental hazards.
— [Ocean Data Visualization] data visualization program
-
UI Designing
Data Researching
Graphic Designing
Interactive Design
—Let's champion the health of our planet.