Real-Estate Frontend Website

Overview

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.

Technologies Used

• 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.

Features

• 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.

Installation

Follow these steps to set up the project locally:

1. Clone the repository

   git clone https://github.com/Ketan-Chaudhary/Real-Estate.git

2. Install dependencies

   yarn install

   OR

   yarn

3. Start the server

   yarn run dev

   The website should now be running on http://localhost:5173.

Usage

Property Listings

• The main page displays a list of properties.
• Each property card includes an image, title, location, and price.

Animations and Interactions

• 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.

Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make your changes.
4. Commit your changes (git commit -m 'Add new feature').
5. Push to the branch (git push origin feature-branch).
6. Create a pull request.