/mern_realEstate

RealEstateApp is a full-stack real estate marketplace application built using the MERN stack. The application provides a platform for users to create, edit, and search for real estate listings.

Primary LanguageJavaScript

RealEstateApp is a full-stack real estate marketplace application built using the MERN stack. The application provides a platform for users to create, edit, and search for real estate listings. It includes advanced features such as JWT authentication, OAuth with Firebase, Redux Toolkit for state management, and pagination for listings. Users can also filter listings based on price and creation date and contact the owners of the estates.

Features

  • User authentication using JWT and OAuth with Firebase.
  • User authorization for creating and editing listings.
  • Advanced search functionality with filtering options based on price and creation date.
  • Pagination for listings.
  • Users can contact estate owners directly through the platform.
  • Responsive design using Tailwind CSS.

Tech Stack

  • Frontend: React, Tailwind CSS, Redux Toolkit, React Router, Swiper, React Icons
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Authentication: JWT, Firebase OAuth
  • State Management: Redux Toolkit
  • Storage: Firebase

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/RealEstateApp.git
    cd RealEstateApp
  2. Install dependencies for the backend:

    npm install
  3. Install dependencies for the frontend:

    cd ../client
    npm install
  4. Create a .env file in the backend directory and add the following environment variables:

    MONGO=your_mongodb_connection_string
    JWT_SECRET=your_jwt_secret
    FIREBASE_API_KEY=your_firebase_api_key
  5. Run the backend server:

    cd backend
    npm run dev
  6. Run the frontend development server:

    cd ../client
    npm run dev

Screenshots