“ 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.

    1. Built the design system for scalable and consistent UI

    2. Designed the payment flow for subscription and onboarding

    3. Created visualizations for legal document and bill tracking

    4. Designed marketing website pages and product landing experiences

    5. Led UI design for core product services including dashboards, hubs, tables, and feeds

    6. Mapped complex workflows like lawyer-client contract exchange and AI-to-UI data flows

    7. 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.

Others