Project Archive

Scope

Technical ownership and architecture decisions across the Next.js customer website, catalog administration, warehouse Scanner, ship-side Kiosk, and Salesforce backend. Align frontend behavior with shared data, authentication, and operational business rules.

Frontend & Customer Experience

• Reusable forms, dialogs, cards, filters, and status views with loading, validation, error, and empty states
• Shopping, product eligibility by warehouse, cart and payment flows, account activation, and package tracking
• Responsive interfaces and consistent component behavior across customer and operational applications

Operations & Integration

• Warehouse scanning, bin assignment, manifest preparation, ship-side pickup, and physical return workflows
• Durable offline cash operations using local persistence and transaction snapshots, with recovery and synchronization guards
• GraphQL, REST APIs, Firebase Authentication, Salesforce Apex and Lightning Web Components, and asynchronous catalog enrichment and synchronization
• Operational reporting, document exports, regression testing, incident investigation, deployment verification, and staff documentation

Value

Connect customer commerce with physical operations and financial controls. Focus on consistent business rules, recoverable workflows, and reliable data across application boundaries.

Scope

Built a modular frontend foundation for a business platform that supports proposal and invoice workflows, admin tools, and business process automation.

Frontend Architecture

• Next.js, React, and TypeScript architecture with reusable UI patterns
• Scalable component system for forms, workflow screens, operational views, and admin surfaces
• Production deployment flow designed for ongoing business use

Workflow UX

• Proposal and invoice flows shaped around real business steps
• Admin and internal tools for managing operational work without unnecessary complexity
• Reusable UI decisions that keep future workflows easier to add

Value

Showcases end-to-end ownership of a production business platform: architecture, reusable frontend patterns, workflow design, and deployment.

Scope

Own the complete delivery of the website and booking experience, combining marketing content, reusable components, service selection, scheduling, availability, and validation.

Booking Flow

• Service selection and booking steps designed around customer intent
• Scheduling and availability logic presented with clear interaction states
• Validation and responsive behavior tuned for mobile and desktop users

Marketing UX

• Marketing site structure focused on trust, service discovery, and conversion
• Responsive UX for visitors moving from service interest to booking action
• Production deployment with a polished user-facing experience

Value

Demonstrates delivery of a complete production site for a real business, from frontend implementation through deployment.

Scope

Take the client website from initial frontend structure through responsive implementation and production delivery.

Frontend Work

• Reusable components and a maintainable frontend structure
• Responsive layouts for desktop and mobile
• Production deployment and delivery aligned with client requirements

Value

Deliver a complete client website with a reusable frontend foundation and responsive user experience.

Scope

Translate product requirements into application structure and user flows, building the frontend foundation for a new Senior Care Services application.

Current Work

• Define frontend structure and reusable interface patterns
• Develop user flows and prepare the implementation for release

Scope

Develop an informational website for the association, organizing building information, resident guidance, association documents, and contact details.

Frontend Work

• Next.js and React pages with reusable components and TypeScript
• Responsive layouts styled with Tailwind CSS
• Content and imagery based on association-provided materials

Design System

• Multi-brand design system work with design tokens and configurable UI patterns
• Reusable Vue 3 and TypeScript components maintained in Storybook
• Chromatic visual regression support and versioned npm packages for shared UI delivery

Booking Experience

• Customer-facing booking flow components across multiple cruise brands
• Interactive deck plan experience with SVG-based cabin and deck selection interactions
• UI patterns built to support complex business rules and booking edge cases

Integration

• REST API integration with Scala / Play Framework services
• Collaboration with product, design, backend, and business stakeholders
• Frontend modernization from legacy patterns toward Vue 3 and TypeScript

Value

Shows enterprise-scale frontend experience: design systems, component libraries, versioned packages, API integration, and high-traffic booking workflows.

WordPress Systems

• Custom templates and reusable components for corporate and marketing websites
• Plugin work, Advanced Custom Fields, Pods, and maintainable content structures
• Dynamic content patterns for product-driven and marketing-focused pages

Frontend Delivery

• Adobe XD to responsive frontend implementation
• JavaScript, SCSS, PHP, and WordPress theme work
• API and data integration patterns used where dynamic site content required it

Value

Connects earlier full-stack and WordPress work to the same portfolio theme: reusable components, dynamic content, and maintainable frontend systems.