Opracowanie interaktywnego kalkulatora usług krok po kroku w React
Opracowałem od podstaw responsywną, wieloetapową aplikację internetową (Wizard Form) dla amerykańskiego serwisu zamówień usług domowych Fast-Furnish.
Co zostało zrealizowane w projekcie:
• Krokowy konfigurator (6 ekranów): od zbierania danych kontaktowych do generowania ostatecznego kosztorysu.
• Dynamiczne rozgałęzianie: logika aplikacji dostosowuje się do wybranej kategorii usług (montaż mebli, instalacja telewizora itp.).
• Interaktywna koszyk: funkcja „Dodaj inną usługę” pozwala użytkownikowi łączyć kilka różnych usług w jedno zamówienie.
• Niestandardowe liczniki: zarządzanie ilością przedmiotów bezpośrednio w elementach interfejsu.
• Inteligentne obliczanie kosztów: automatyczne przeliczanie ostatecznej ceny na bieżąco z uwzględnieniem dodatkowej opłaty za odległe kody ZIP oraz stałej opłaty za podróż.
Stos technologii: React, Tailwind CSS, shadcn/ui, wdrożenie i hosting na Vercel.
Projekt jest w pełni zoptymalizowany pod urządzenia mobilne i ekrany desktopowe. Prędkość ładowania według PageSpeed zbliżona do 100%.
Co zostało zrealizowane w projekcie:
• Krokowy konfigurator (6 ekranów): od zbierania danych kontaktowych do generowania ostatecznego kosztorysu.
• Dynamiczne rozgałęzianie: logika aplikacji dostosowuje się do wybranej kategorii usług (montaż mebli, instalacja telewizora itp.).
• Interaktywna koszyk: funkcja „Dodaj inną usługę” pozwala użytkownikowi łączyć kilka różnych usług w jedno zamówienie.
• Niestandardowe liczniki: zarządzanie ilością przedmiotów bezpośrednio w elementach interfejsu.
• Inteligentne obliczanie kosztów: automatyczne przeliczanie ostatecznej ceny na bieżąco z uwzględnieniem dodatkowej opłaty za odległe kody ZIP oraz stałej opłaty za podróż.
Stos technologii: React, Tailwind CSS, shadcn/ui, wdrożenie i hosting na Vercel.
Projekt jest w pełni zoptymalizowany pod urządzenia mobilne i ekrany desktopowe. Prędkość ładowania według PageSpeed zbliżona do 100%.