Zámečník tootevru.cz
Web zámečnické pohotovosti na Laravelu a Filamentu — volání na jedno klepnutí, kalkulačka ceny, mapa působnosti a poptávkový formulář.
Laravel · Filament · Tailwind · Leaflet · Docker
Technologie
Detaily projektu
Zadání
Ondřej Balý je zámečník z Velkých Hamrů u Tanvaldu s nonstop pohotovostí na Jablonecku, Semilsku a Liberecku. Lidé ho hledají ve chvíli, kdy stojí před zabouchnutými dveřmi — často v noci a jen s mobilem v ruce. Web proto musel primárně umožnit jedno: aby člověk zvládl co nejrychleji zavolat. K tomu je na webu přehledný ceník, ze kterého zákazník pochopí cenu i s příplatkem za noc a víkend, poptávku na neakutní práce (montáž zámků, systém generálního klíče) a administraci, ve které si Ondřej služby, ceny i texty upraví sám.
Vývoj systému
Web jsem postavil na Laravelu 12 s administrací Filament 4, frontend na Tailwind CSS 4 a Vite. Design „Noční směna“ je tmavý a počítá s tím, že ho někdo čte ve dvě ráno: oranžová svítí jen na tlačítku volání a u stavu pohotovosti.
Volání na jedno klepnutí — na telefonu plovoucí lišta s číslem, která se objeví, jakmile tlačítko volání zmizí z obrazovky.
Kalkulačka ceny — podle aktuálního času předvybere příplatek (všední den, víkend, svátek) a sečte cenu práce s výjezdem.
Mapa působnosti — Leaflet s hranicemi okresů z dat ČÚZK, oblasti se kreslí a upravují přímo v administraci.
Poptávkový formulář s výběrem dne v kalendáři, ochranou reCAPTCHA v3 a honeypot polem. Zákazník dostane potvrzení e-mailem, Ondřej upozornění do e-mailu i do administrace.
Recenze z Google se jednou denně synchronizují přes Places API.
Interaktivní 3D zámek v úvodu
V administraci jsou služby a ceník, poptávky, recenze, certifikáty, oblasti působnosti, texty webu a uživatelé s rolemi včetně auditního logu. AI jsem využil jako asistenta - zadání, architekturu i kontrolu výsledku jsem držel ve vlastních rukou.
Galerie
