It enables users to find rooms for rent, list their rooms for rent, list properties for sale, and seamlessly buy properties. Google Sign-In with Firebase ensures secure user authentication and personalized experience.

Technology Used

Technology	Features
React.js	Frontend of the application
Redux	State Management
Node.js, Express.js	Backend of the application
MongoDB Atlas, Mongoose	Database for the application
Bcrypt	Password Management
JSON Web Token	Authorization and Authentication
Render	Deployment
Postman	API Testing, Debugging and Documentation
Firebase	Sign in with Google

Top-level directory structure

├── client                   # Frontend React.js directory
│   ├── public              # Public assets for the React app (images, etc.)
│   ├── src                 # React application source code
│   │   ├── components      # Reusable UI components
│   │   ├── pages           # Individual page components
│   │   ├── App.js          # Root component
│   │   ├── index.js        # Entry point for React app
│   │   └── ...             # Other React-related files and folders
├── api                 # Backend Node.js/Express directory
│   ├── controllers         # Controllers for handling requests
│   ├── models              # Database models and schemas
│   ├── routes              # API route handlers
│   ├── utils               # Utility files
│   ├── views               # Templates for rendering server-side views
│   ├── app.js              # Express app setup
│   ├── package-lock.json   # Node.js package lock
│   └── package.json        # Node.js package information
├── .gitignore             
└── README.md

Installation

To setup the project on your local environment, follow the given steps:

1. Fork the SainiAditya1/Real_Estate_Application repository.
2. Clone the repository:

https://github.com/<USERNAME>/MERN_AUTH

Replace the <USERNAME> with your GitHub username.

Frontend

Move to the client directory

  cd client

Install the necessary dependencies

  npm install

Install Firebase SDK

npm install firebase

Initialize Firebase

import firebase from 'firebase/app';
import 'firebase/auth';

const firebaseConfig = {
  apiKey: 'YOUR_API_KEY',
  authDomain: 'YOUR_AUTH_DOMAIN',
  projectId: 'YOUR_PROJECT_ID',
  storageBucket: 'YOUR_STORAGE_BUCKET',
  messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',
  appId: 'YOUR_APP_ID',
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);

To start the server in development mode

  npm start

Go to localhost:3000 to view the website.

Backend

Move to the server directory

  cd api

Install the necessary dependencies

  npm install

Add a config.env file in the root directory and enter your MongoDb Atlas and JWT Secret key The format of .env file should be similar to the following

CONNECTION_URL = "Mongo db url"
JWT_SECRET = "secret"

To start the server in development mode

  npm start

Server will start at PORT 5000