This project involves building a web application using React and Vite, integrated with Firebase for authentication and data storage. The application is called RentHub, and it allows users to rent vehicles or houses through a simple and intuitive interface.

The app includes:

A homepage with a navigation bar and authentication system (login/signup).

After logging in, users can:

Submit a listing (vehicle or house) via a form with a "Submit" button.

Browse available rentals and click on an offer to view detailed information.

Search for specific vehicles using a search feature.

Complete the booking process, after which they are redirected to a "Thank You" page.

All rental listings submitted by users are stored in Firestore and displayed dynamically on the page for others to view and book.

Firebase Setup

Project Name: RentHub

Project ID: renthub-87837

Project Number: 315824307373

Web App ID: 1:315824307373:web:d4f5389b6390554ab95a24

Hosting Site: renthub-87837

Web API Key: AIzaSyBtdTFUpCYSDVbU0Q2O7Ikt4lZ_-FfdOJI

SDK Configuration

To use Firebase with your React + Vite project, install the SDK via npm:

bash

Copy

Edit

npm install firebase

Then, initialize Firebase in your project:

js

Copy

Edit

// Import the necessary functions

import { initializeApp } from "firebase/app";

import { getAnalytics } from "firebase/analytics";

// Firebase configuration

const firebaseConfig = {

apiKey: "AIzaSyBtdTFUpCYSDVbU0Q2O7Ikt4lZ_-FfdOJI",

authDomain: "renthub-87837.firebaseapp.com",

projectId: "renthub-87837",

storageBucket: "renthub-87837.appspot.com",

messagingSenderId: "315824307373",

appId: "1:315824307373:web:d4f5389b6390554ab95a24",

measurementId: "G-857W4V566D"

};

// Initialize Firebase

const app = initializeApp(firebaseConfig);

const analytics = getAnalytics(app);