Airbnb Frontend Project

A complete Airbnb-style frontend project built with React, focused on reusable component architecture, request-layer abstraction, state management, and polished interaction transitions.

Tech Stack

• React 19.2 + React DOM 19.2
• Vite 7.3
• Redux Toolkit 2.11 + React Redux 9.2
• React Router DOM 7.13
• Axios
• styled-components
• Less
• Antd + Material UI
• react-transition-group

Features

• Home page content rendering with modular component structure
• Routing between listing page and detail page
• Search area interactions with transition animations
• Reusable request layer and centralized state management

Run

pnpm install
pnpm dev

Build

pnpm build
pnpm preview

Note

This is an independently implemented frontend project that demonstrates practical engineering skills, including modular design, maintainability, and user-facing interaction quality.

Acknowledgement

Special thanks to Coderwhy and related open-source learning materials for inspiration and guidance.