This repository contains the source code for a fully responsive real-estate frontend website. The website is built using React and various React libraries to provide a rich, interactive user experience. The primary features of the website include property listings, detailed property views, animated elements, and interactive components.
- React: A JavaScript library for building user interfaces.
- CSS: For styling the website.
- Framer Motion: For animations and transitions.
- React Icons: For including scalable vector icons.
- React CountUp: For animating numerical values.
- React Outside Click Handler: For handling clicks outside of a specified element.
- Vite: A fast build tool and development server.
- Fully Responsive Design: The website is designed to work seamlessly on devices of all sizes.
- Property Listings: Displays a list of available properties with key details.
- Property Details: Provides detailed information about each property, including images, descriptions, and pricing.
- Animations: Smooth transitions and animations using Framer Motion.
- Interactive Elements: Includes interactive components like buttons and form elements.
- Click Outside Handling: Closes modals or dropdowns when clicking outside of them.
Follow these steps to set up the project locally:
-
Clone the repository
git clone https://github.com/Ketan-Chaudhary/Real-Estate.git
-
Install dependencies
yarn install
OR
yarn
-
Start the server
yarn run dev
The website should now be running on
http://localhost:5173
.
- The main page displays a list of properties.
- Each property card includes an image, title, location, and price.
- Smooth animations for page transitions and element appearances using Framer Motion.
- Interactive icons provided by React Icons.
- Dropdowns and modals that close when clicking outside, managed by React Outside Click Handler.
Contributions are welcome! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch
). - Make your changes.
- Commit your changes (
git commit -m 'Add new feature'
). - Push to the branch (
git push origin feature-branch
). - Create a pull request.