/Real-Estate

real estate website using react

Primary LanguageJavaScript

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.