← Back to home

Car Rental App

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
Duration3 days

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

Hero section

Responsive Design

Desktop and mobile viewport presentation.

Desktop view

Desktop view

Mobile view

Mobile view

Catalog Overview & Search

Catalog layout with integrated search and browsing experience.

Catalog overview

Catalog overview

Filtering

Filtering by brand, price, and mileage.

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

Selected / favorites state

Detail Variant

Clean vehicle detail page variant.

Detail page variant

Detail page variant

Booking Request Flow

Submitting a rental request from the detail page.

Booking request path

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 home