Katalog wynajmu aut
Katalog samochodów na wynajem z filtrowaniem, ulubionymi i zapytaniem o rezerwację.
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 realizacji1 tydz.
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.
Co zrobiłem
- 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.
Katalog wynajmu aut
Widok katalogu samochodów z wyszukiwaniem i przeglądaniem ofert.
Katalog wynajmu aut
Filtrowanie ofert po marce, cenie i przebiegu.
Katalog wynajmu aut
Stan zaznaczonych ofert i obsługa listy ulubionych.
Katalog wynajmu aut
Podstrona szczegółowa z parametrami i informacjami o aucie.
Katalog wynajmu aut
Wysyłanie zapytania o wynajem bezpośrednio ze strony szczegółowej.
Potrzebujesz strony, która ułatwia klientom kontakt?
Przygotuję przejrzystą stronę z prostą ścieżką do zapytania, rezerwacji albo rozmowy.