← Back to projects

Car rental catalog

Web application for browsing, filtering, and booking rental cars with API-driven data and a clear request path.

Live project
RoleFrontend Developer
TypeCar Rental Web Application
LocationInternational
FocusImplementing a dynamic catalog with filtering, a booking path, and API integration.
StackNext.js, TypeScript, REST API
Duration1 week

Project summary

Project type
Catalog web app
Goal
Create a car rental interface where users can browse cars, filter offers, save favorites, and start a booking request.
Main features
  • Car catalog
  • Filtering
  • Favorites
  • Booking request path
  • API integration
My role
Frontend implementation, UI logic, API data handling, and responsive layout.
Stack
  • React
  • TypeScript
  • REST API
  • CSS Modules
Result
A catalog-style web application with structured browsing, user-friendly filtering, and a clear request path.

Problem

Users needed a fast and intuitive way to browse cars, apply filters, and submit booking requests without friction.

Solution

I built a frontend application based on a provided design, focusing on dynamic filtering and API integration. Users can browse cars, filter results, view details, and submit booking requests with validation.

Result

The result is a functional application that demonstrates working with APIs, filtering logic, and real user interaction paths.

What I did

  • Implemented full frontend based on Figma design
  • Built dynamic car catalog with API data
  • Developed filtering system (brand, price, mileage)
  • Implemented favorites functionality
  • Created detailed car pages with specifications
  • Built booking form with validation and date picker
  • Integrated API for data fetching and rendering

Hero

Hero section with the main landing visual.

Hero section

Responsive Design

Desktop and mobile viewport presentation.

Desktop view
Responsive Design

Catalog Overview & Search

Catalog layout with integrated search and browsing experience.

Catalog overview

Filtering

Filtering by brand, price, and mileage.

Filtering by brand, price, and mileage

Favorites / Selected State

Selected and favorites state in the catalog.

Selected / favorites state

Detail Variant

Clean vehicle detail page variant.

Detail page variant

Booking Request Flow

Submitting a rental request from the detail page.

Booking request path

Need a website that makes customer contact easier?

I can prepare a clear website with a simple path to an inquiry, booking request or conversation.

Start a project
← Back to projects