A React-based Home Rental Platform where users can browse properties, filter listings, and inquire about rental homes. Built using React.js, Tailwind CSS, and React Router.
home-rental-project/
️│-- public/ # Static assets
️│-- src/ # Source files
️│ └-- assets/ # Images, icons, and other assets
️│ └-- components/ # Reusable UI components
️│ └-- Banner.jsx
️│ └-- CountryDropdown.jsx
️│ └-- Footer.jsx
️│ └-- Header.jsx
️│ └-- House.jsx
️│ └-- HouseContext.jsx
️│ └-- HouseList.jsx
️│ └-- LoadingScreen.jsx
️│ └-- PriceRangeDropdown.jsx
️│ └-- PropertyDropdown.jsx
️│ └-- Search.jsx
️│ └-- pages/ # Page components
️│ └-- Home.jsx
️│ └-- PropertyDetails.jsx
️│ └-- App.jsx # Main application component
️│ └-- App.css # Global styles
️│ └-- data.js # Mock data for houses
️│ └-- index.css # Tailwind and other styles
️│ └-- main.jsx # Entry point for React app
️│-- .gitignore # Files to ignore in Git
️│-- eslint.config.js # ESLint configuration
️│-- index.html # Main HTML file
️│-- package-lock.json # Package lock file
️│-- package.json # Project dependencies
✔️ Browse and search for rental properties
✔️ Filter properties by price range and location
✔️ View detailed property descriptions
✔️ Responsive UI built with Tailwind CSS
✔️ Lottie animations for loading screens
- React.js – Frontend framework
- React Router – Navigation between pages
- Tailwind CSS – Styling
- Lottie-react – Loading animations
- Context API – State management
git clone https://github.com/your-username/home-rental-project.git
cd home-rental-projectnpm installnpm run devThe app will run at http://localhost:5173 (if using Vite).
🔹 Connect to a backend API for real data
🔹 Implement user authentication for inquiries
🔹 Integrate Google Maps for property locations
Contributions are welcome! Feel free to fork the repo, open issues, or submit a pull request.
This project is licensed under the MIT License.
🚀 Happy Coding! 🚀