A simple React and Vite web project inspired by Airbnb, built as a frontend exercise to explore component-based UI, responsive layouts, and state handling.
Originally created as part of a course and later extended for further learning and experimentation.
Live site: https://travisdk.github.io/windbnb/
- React (functional components with Hooks)
- Vite (development server and build tool)
- JavaScript and CSS
- Purely frontend with no backend dependencies
- Displays property listings with images and details
- Includes basic filtering and sorting
- Uses a responsive layout that adapts to desktop and mobile
- Modular structure that is easy to extend with new features such as authentication or API integration
- Clone the repository
git clone https://github.com/travisdk/windbnb.git cd windbnb Install dependencies
npm install
Start the development server
npm run dev
Open the local address shown in your terminal (usually http://localhost:5173).
Build for production
npm run build
The production-ready files are located in the dist folder and can be hosted on GitHub Pages, Netlify, or Vercel.
📁 Project Structure
src/ → Components, styles, and logic
public/ → Static assets and index.html
res/ → Images and extra resources
vite.config.js → Vite configuration
🔧 Possible Extensions
Connect to a real backend (Node.js, ASP.NET Core, Firebase, or similar)
Add user authentication
Implement booking flow or user reviews
Integrate a live API for property listings
📝 Notes
This project began as a course assignment and was later customized to improve structure, styling, and usability. It serves as a small showcase of modern frontend practices using React and Vite.