Skip to content

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.

Notifications You must be signed in to change notification settings

kika1s1/Real_State

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

87 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Demo link

home Page

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

License

This project is licensed under the MIT License.

About

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.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages