Sekcja hero
RolaFrontend developer
TypAplikacja webowa do wynajmu aut
LokalizacjaProjekt miД™dzynarodowy
ZakresImplementacja dynamicznego katalogu z filtrowaniem, Е›cieЕјkД… rezerwacji i integracjД… API.
StackNext.js, TypeScript, REST API
Czas realizacji3 dni
Podsumowanie projektu
- Typ projektu
- Aplikacja katalogowa
- Cel
- Stworzyć interfejs wynajmu aut, w którym użytkownik może przeglądać auta, filtrować oferty i wysyłać zapytanie o rezerwację.
- Główne funkcje
- Katalog aut
- Filtrowanie
- Ulubione
- ЕљcieЕјka zapytania o rezerwacjД™
- Integracja API
- Moja rola
- Implementacja frontendu, logika UI, obsЕ‚uga danych z API i responsywny layout.
- Stack
- React
- TypeScript
- REST API
- CSS Modules
- Rezultat
- Aplikacja katalogowa z uporzД…dkowanym przeglД…daniem ofert, wygodnym filtrowaniem i czytelnД… Е›cieЕјkД… zapytania.
Problem
UЕјytkownicy potrzebowali szybkiego i intuicyjnego sposobu na przeglД…danie aut, filtrowanie ofert i wysyЕ‚anie zapytaЕ„ o rezerwacjД™.
Rozwiązanie
Na bazie dostarczonego projektu graficznego przygotowałem frontend z dynamicznym filtrowaniem i integracją API. Użytkownik może przeglądać oferty, filtrować wyniki, sprawdzać szczegóły oraz wysyłać zapytanie z walidacją.
Efekt
PowstaЕ‚a funkcjonalna aplikacja, ktГіra pokazuje praktyczne wykorzystanie API, logiki filtrowania i realnej Е›cieЕјki uЕјytkownika.
Katalog wynajmu aut
- ZaimplementowaЕ‚em caЕ‚y frontend na podstawie projektu z Figma
- ZbudowaЕ‚em dynamiczny katalog aut oparty o dane z API
- WdroЕјyЕ‚em system filtrowania (marka, cena, przebieg)
- ZaimplementowaЕ‚em funkcjД™ ulubionych
- PrzygotowaЕ‚em strony szczegГіЕ‚owe pojazdГіw
- ZbudowaЕ‚em formularz rezerwacji z walidacjД… i date pickerem
- ZintegrowaЕ‚em API do pobierania i renderowania danych
Katalog wynajmu aut
Sekcja otwierajД…ca z gЕ‚Гіwnym przekazem aplikacji.
Katalog wynajmu aut
Widok aplikacji na desktopie i mobile.
Widok desktop
Widok mobile
Katalog wynajmu aut
Widok katalogu samochodГіw z wyszukiwaniem i przeglД…daniem ofert.
Widok katalogu
Katalog wynajmu aut
Filtrowanie ofert po marce, cenie i przebiegu.
Panel filtrowania
Katalog wynajmu aut
Stan zaznaczonych ofert i obsЕ‚uga listy ulubionych.
Widok ulubionych
Katalog wynajmu aut
Podstrona szczegГіЕ‚owa z parametrami i informacjami o aucie.
Widok szczegГіЕ‚Гіw auta
Katalog wynajmu aut
WysyЕ‚anie zapytania o wynajem bezpoЕ›rednio ze strony szczegГіЕ‚owej.
Formularz zapytania o rezerwacjД™
Potrzebujesz strony, która ułatwia klientom kontakt?
Przygotuję przejrzystą stronę z prostą ścieżką do zapytania, rezerwacji albo rozmowy.