Yuliia Khalakhan's Work | ContraWork by Yuliia KhalakhanYuliia Khalakhan
Full-Stack Developer | React & Next.js
HB Car Solution AG - Parking & Carwash Booking Platform
Overview & Architecture
Development of a complete Shopify website built entirely using custom Liquid blocks and sections for an airport parking and car wash service near Zurich Airport. Features a fully custom interactive multi-step booking widget and frontend with dynamic time and tariff calculation.
Key Features & Interactivity
Dynamic Service Switcher: Instant switching between Parking and Carwash modes with adaptive interface and input fields.
Interactive Date & Time Calculator: Custom native date and time pickers with intelligent duration validation, minimum/maximum period checks, and real-time calculation.
Multi-step Modal Workflow: A step-by-step modal widget (selection of parking type, car care extras, flight/vehicle details, and contact entry with multi-country phone number validation).
Cart & Checkout Integration: Automatic cart clearing, adding the selected product variant (Variant ID) along with custom line item properties, and passing data to the Shopify checkout.
Tech Stack
Shopify Liquid, JavaScript (ES6+), HTML5, CSS3 (Grid/Flexbox), REST API (Cart & Variants), i18n Localization. PulseFit – Fitness Dashboard & Analytics Web Application
Live Demo: pulse-fit-ashen.vercel.app (http://pulse-fit-ashen.vercel.app)
Overview
Full front-end and interactive UI implementation of a modern fitness dashboard featuring real-time health metrics, activity tracking charts, and structured goal visualization. Designed to provide users with a seamless and motivating experience for monitoring their daily wellness and workout routines.
Key Features & Interactivity
Dynamic Metrics & Charts: Clean overview widgets tracking daily steps, calories burned, resting heart rate (HR), and sleep patterns, complete with percentage change indicators and interactive 7-day activity trend charts.
Goal Progress & Workouts: Interactive weekly goal completion progress ring (e.g., active days tracker) alongside detailed recent workout logs with status indicators (e.g., Cardio, Strength).
Seamless Navigation & UX: Fluid sidebar navigation allowing users to effortlessly switch between Overview, Workouts, Nutrition, Sleep, and AI Coach sections.
Tech Stack
Framework: React
Styling: Tailwind CSS
Language: JavaScript
Deployment: Vercel