Real_State Tailwind Templates

Real_state

Built with modern technologies like React, Redux, Tailwind CSS, Node.js, Express, and MongoDB, our application ensures a seamless, responsive, and user-friendly interface. Key features include user authentication, secure image upload with validation, dark mode support, and a fully responsive design that adapts to any device.

Tamirat Real Estate MERN Application

This is a full-stack real estate application that allows users to create, update, and view property listings. It uses a combination of React, Redux, Tailwind CSS on the frontend, and Node.js, Express, and MongoDB on the backend.

Table of Contents

Demo

Filtering RealEstate

Comment For RealEstate

Live Chat With RealEstate Owner

Admin Dashboard

Features

  • User authentication
  • Create, update, and view property listings
  • Image upload functionality with file validation
  • Dark mode support
  • Live chatting with realestate owner
  • commenting on realestate
  • Admin dashboard
  • Demote and promote Admin
  • and etc.

Technologies

Frontend

  • React
  • Redux & @reduxjs/toolkit
  • React Router
  • Tailwind CSS

Backend

  • Node.js
  • Express.js
  • MongoDB
  • Mongoose
  • multer

Installation

Prerequisites

Make sure you have the following installed on your machine:

  • Node.js
  • npm or yarn
  • MongoDB

Backend

  1. Clone the repository:

    git clone https://github.com/kika1s1/Real-State.git
    cd Real-State
    
  2. Navigate to the backend directory and install dependencies:

    npm install
    
  3. Create a .env file in the backend directory with the following content:

    MONGO=your_mongodb_connection_string
    JWT_SECRET=your_jwt_secret
    

    ```

Frontend

  1. Navigate to the frontend directory and install dependencies:

    cd client
    npm install
    
  2. to start both at the same time using concurrently:

    cd ..
    npm run dev
    

Usage

  1. Open your browser and navigate to http://localhost:5173 to view the application.

  2. Register a new account or log in with existing credentials.

  3. Create, update, and view property listings.

API Endpoints

User Routes

  • POST /api/users/register: Register a new user
  • POST /api/users/login: Login a user

Listing Routes

  • POST /api/listings/create: Create a new listing
  • GET /api/listings/get/:id: Get a specific listing
  • PUT /api/listings/update/:id: Update a listing
  • DELETE /api/listings/delete/:id: Delete a listing
  • POST /api/listings/upload: Upload listing images

Email and Password To login

License

This project is licensed under the MIT License.

Top categories

Loading Svelte Themes