Description

UrbanVista is a comprehensive real estate platform built with React, designed to simplify the process of buying, selling, and renting properties. The platform offers a user-friendly interface and incorporates powerful features such as property listings, contact functionality, secure authentication through Firebase, including the option for Google authentication, and an integrated map view using the Mapbox API.This platform also facilitates communication between users and property owners.

Features

• Property Listings:

  • Sell Property: List your property for sale with detailed information and images.
  • Rent Property: Easily create rental listings for your properties.
  • Contact Property Owner: A system to connect property owners with potential buyers or renters.

• Integrated Map View:

  • Utilizes the Mapbox API for a dynamic and interactive map view.
  • Properties are visually represented on the map for enhanced location awareness.

• Firebase Authentication:

  • Secure user authentication powered by Firebase.
  • Option for Google authentication to enhance user convenience.

• Database Storage:

  • Firebase serves as the database, efficiently storing images and other essential data.

Prerequisits

Before cloning/forking this project, make sure you have the following tools installed:

• Git
• NodeJS

Getting Started

Follow these steps to run UrbanVista locally:

1. Clone the Repository:

   git clone https://github.com/your-username/UrbanVista.git

2. Navigate to the Project Directory:

   cd UrbanVista

3. Install Dependencies:

   npm install

4. Set Up Firebase:
   • Create a Firebase project and obtain the necessary credentials.
   • Configure Firebase authentication and database rules.
   • Add Firebase configuration to your project.
5. Set Up Mapbox API:
   • Obtain a Mapbox API key from Mapbox.
   • Create a .env file in the root directory.
   • Add your Mapbox API key to the .env file:

   REACT_APP_MAPBOX_API_KEY=your-api-key

6. Start the application:

   npm start

7. Open Your Browser:

• Navigate to (http://localhost:3000) to experience UrbanVista.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Mapbox API: Provides mapping and location-based services for the integrated map view.
• Firebase: Authentication and database services for a secure and efficient user experience.

Authentication

• UrbanVista uses Firebase for authentication, ensuring a secure login and signup process.
• Google authentication is available as an option for user convenience.

This project includes:

• Firebase v10
• Sass
• Swiper
• React-toastify
• Bootstrap/React-bootstrap

Contributors

Feel free to explore and enhance UrbanVista! Happy coding!