Frontend |

Corporate & Hospitality Websites

Sat, 05 Sep 2026 00:00:00 +0000

Corporate and hospitality website work combining custom WordPress themes with reusable frontend components. Recent contributions focus on translating Figma designs into responsive pages, integrating CMS content, and maintaining consistency between static builds and WordPress.

Overview

Projects are delivered through a shared frontend and CMS workflow, with project-specific layouts and content models. Responsibilities include responsive implementation, interactive components, image optimization, and WordPress theme integration.

Highlights

EtchLab (responsive frontend & WordPress): refined tablet and mobile layouts across product, services, gallery, and content pages; aligned shared headers, footers, sliders, and WordPress templates with the frontend.
Ambrosia (frontend implementation): built reusable Vite, TypeScript, and Handlebars sections for catering, wedding, gallery, and contact experiences. Frontend work is implemented; WordPress integration remains in progress.
The Myst Sapa (hospitality frontend): implemented responsive layouts, gallery interactions, and optimized image delivery for a resort website. Frontend implementation and CMS integration are separate delivery stages.

Tech Stack

CMS: WordPress (custom themes & plugins)
Backend: PHP
Frontend: TypeScript, JavaScript, HTML/CSS, Vite, Handlebars, Swiper
Content integration: Advanced Custom Fields (ACF), WordPress templates

Delivery Scope

Active collection of client deliveries. Contributions include deployed WordPress themes for EtchLab, alongside modular Vite/Handlebars frontend implementations for Ambrosia and The Myst Sapa.

Attribution

Delivered as professional client contributions. Client source code and private assets remain proprietary.

W-Dashboard: Drag & Drop Page Builder

Sat, 15 Feb 2025 00:00:00 +0000

An admin dashboard with a visual, drag-and-drop page builder that lets non-technical users compose and edit pages without writing code.

Overview

Built around Craft.js for the editor engine, the dashboard provides a block-based editing experience with a polished, accessible UI.

Key Features

Drag-and-drop page builder powered by Craft.js and dnd-kit
Accessible UI built with Radix UI primitives
Data fetching & caching with TanStack Query
State management with Zustand and form handling via React Hook Form + Zod
Charts & analytics with Recharts

Tech Stack

Core: React, TypeScript, Vite
Editor: Craft.js, dnd-kit
UI: Radix UI, Tailwind CSS, Lucide
Data/State: TanStack Query, Zustand, React Hook Form, Zod

Q-POS Mobile: Offline-First POS

Fri, 10 Jan 2025 00:00:00 +0000

A modern mobile Point of Sale (POS) application for the hospitality industry, built with an offline-first architecture.

Overview

Designed for environments where connectivity can be unreliable, Q-POS Mobile keeps working offline and syncs seamlessly once a connection is restored.

Key Features

Offline-first architecture powered by Zustand and SQLite
Barcode scanning for fast checkout
Real-time inventory synchronization when online
Cross-platform delivery via React Native and Expo

Tech Stack

Mobile: React Native, Expo, TypeScript
State & Storage: Zustand, SQLite

Q-Table: Restaurant Platform

Sun, 01 Dec 2024 00:00:00 +0000

A restaurant platform combining customer-facing applications with a marketing website, designed to streamline dining and ordering experiences.

Overview

The platform is organized into an apps workspace for the product experience and a separate marketing site, sharing a consistent design and tech foundation.

Key Features

Customer-facing apps for restaurant operations
Marketing website for the brand
Shared design system across surfaces

Tech Stack

Frontend: React, TypeScript
Backend: Node.js, REST APIs