RealtyFlow

RealtyFlow is a modern real estate platform designed to simplify property buying, selling, and renting. It provides an intuitive user experience for browsing properties, managing listings, and connecting buyers with agents.

🌐 Live Site:

RealtyFlow Live Site

🧑‍🚀 Server Site Repository Link:

Server Site Repository

🚀 Technologies Used

• React – Frontend library for building dynamic user interfaces.
• React Router – For smooth client-side navigation.
• Tailwind CSS & DaisyUI – For responsive and modern UI design.
• Firebase Authentication & Firestore – Secure user authentication and real-time database.
• AOS (Animate On Scroll) – For smooth scroll animations.
• Swiper Slider – For showcasing featured properties.

🔑 Key Features

• User-Friendly Interface: Simple and modern design for effortless navigation.
• Property Listings: Explore detailed property listings with images, descriptions, and prices.
• Advanced Search Options: Filter properties by location, price range, property type, and more.
• Wishlist Feature: Save your favorite properties for easy access later.
• Make an Offer: Submit offers directly to property agents for a seamless buying process.
• Advertise Properties: Property owners can list and advertise their properties with ease.
• Agent Management: Tools for agents to manage properties and offers efficiently.
• Secure Login System: Secure authentication for both users and admins using modern practices.
• Review System: Add and view reviews for properties and services to enhance credibility.
• Mobile-Responsive Design: Fully optimized for desktop, tablet, and mobile devices.

📦 Dependencies

The following key dependencies were used in this project:

• react: For building user interfaces.
• react-router-dom: For handling routing in the application.
• axios: For making HTTP requests to fetch and send data.
• firebase: For authentication and real-time database management.
• @tanstack/react-query: For efficient data fetching and caching.
• tailwindcss: For utility-first CSS styling.
• daisyui: For adding pre-styled components to Tailwind CSS.
• @stripe/react-stripe-js & @stripe/stripe-js: For handling secure payments.
• react-hook-form: For managing forms with easy validation.
• react-toastify: For displaying toast notifications.
• sweetalert2: For beautiful and customizable alert popups.
• swiper: For creating responsive, modern sliders and carousels.
• moment: For date and time formatting.

Dev Dependencies

• vite: For fast development and build tool.
• eslint: For maintaining code quality.
• autoprefixer & postcss: For CSS compatibility across browsers.

For a complete list of dependencies, check the package.json file.

🛠️ How to Run the Project Locally

1. Clone the Repository

1. Go to the GitHub repository page of the project you want to run.
2. Copy the repository URL (e.g., https://github.com/username/repository.git).
3. Open your terminal or command prompt.
4. Navigate to the directory where you want to clone the repository:

   cd /path/to/your/directory

5. Clone the repository:

   git clone https://github.com/username/repository.git

6. Navigate to the cloned project folder:

   cd repository

2. Install Dependencies

1. Ensure you are inside the project directory.
2. Run the following command to install project dependencies:

   npm install

3. Additional Commands

• Build the Project:

  npm run build

  This command generates the optimized production build of the project in the build folder.