Realitní portál pro Istrii
Nemovitosti na Jadranu
- React 18 + Vite (SPA)
- React Router 6
- Tailwind CSS
- Leaflet mapy
- PHP REST API s PDO
- MySQL s vícejazyčnými (_lang) tabulkami
- Vlastní JWT administrace
Audit
Nemovitosti na Jadranu navazují na existující web, postavený na šablonovém buildu Webnode. Ten je jen v češtině, bez možnosti přepnout jazyk, a nabízí dvě statické nabídky nemovitostí bez jakéhokoli filtrování nebo vyhledávání - návštěvník stránku jen scrolluje odshora dolů. Struktura odpovídá spíš osobnímu blogu o Istrii než realitnímu katalogu: majitelka se v textu představuje jako průvodkyně regionem, ne jako realitní kancelář se strukturovanou nabídkou.
Optimalizace
Kompletní přepis do komponentové architektury s vlastním backendem - filtrovatelný katalog, vícejazyčný obsah a administrace, kterou zvládne obsluhovat klientka sama.
Homepage před a po
Geolokace a tři jazyky
První návštěva webu detekuje jazyk podle časového pásma prohlížeče - Praha a Bratislava dostanou češtinu, Záhřeb, Bělehrad a Sarajevo chorvatštinu, zbytek světa angličtinu. Ruční přepnutí jazyka se uloží do prohlížeče a při dalších návštěvách má přednost před automatickou detekcí. Zájemci o nemovitost v Chorvatsku nemluví jen česky - starý web byl jen v jednom jazyce.
Katalog s filtry
Nabídku jde filtrovat podle lokality, druhu nemovitosti, ceny, plochy, počtu ložnic, vzdálenosti od moře, výhledu i vybavení - všechny filtry se propisují do URL, takže konkrétní výběr jde poslat odkazem. Výpis se stránkuje tlačítkem „Načíst další“ po třech položkách místo klasického číslovaného stránkování.
Detail nemovitosti a poptávka
Detail nese fotogalerii ovladatelnou klávesnicí, mapu Leaflet s polohou nemovitosti a poptávkový formulář s honeypotem proti spamu. Odeslaná poptávka se uloží do databáze a zároveň pošle e-mailovou notifikaci - starý web žádný formulář neměl, jen telefonní číslo v textu.
Administrace bez zásahu do kódu
Přihlášená klientka spravuje nabídku sama: přidá nemovitost i s fotkami přetažením myší, upraví stav poptávky nebo sleduje přehled dotazů, které přišly přes formulář. Uložení nové nebo upravené nemovitosti běží jako jedna databázová transakce napříč tabulkou nemovitosti, jejími překlady a vybavením - při chybě uprostřed ukládání tak nezůstane databáze v rozjetém stavu.
Měření
Web je hotový, ale zatím nejde naživo - spuštění klientka odložila, takže žádná reálná návštěvnost ani konverzní data k dispozici nejsou. Před a po tedy srovnává funkce a mechanismy, ne naměřená čísla.