Yuliia Khalakhan's Work | ContraWork by Yuliia Khalakhan
Yuliia Khalakhan

Yuliia Khalakhan

Full-Stack Developer | React & Next.js

    2
    Followers
Followed by Ivan S and GALLERY L
Cover image for HB Car Solution AG -
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.
0
17
Cover image for PulseFit – Fitness Dashboard &
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
0
36