/CDAC-Project-EvergreenEstate

This Respository is created as The Github Repository Submission for the CDAC Project Titled Property Selling Site By Pritesh Alias Vaibhav Vikas Naik

Primary LanguageJavaScriptMIT LicenseMIT

Property Selling Site Using Reactjs and Spring Boot with Spring Security

This Respository is created as The Github Repository Submission for the CDAC Project Titled Property Selling Site By Pritesh Alias Vaibhav Vikas Naik

Project Overview

The Online Property Listing Portal project aims to revolutionize the property buying and selling process by eliminating brokers as intermediaries and streamlining online transactions. Designed with user-friendliness in mind, the platform simplifies property negotiations and agreements through intuitive terms and icons, making the entire process more accessible and efficient.

The project integrates the MERN stack with React.js and Spring Boot to deliver a comprehensive, secure, and user-centric property listing solution.

This project serves as a practical demonstration of the skills and knowledge acquired during the PG-DAC (Post Graduate Diploma in Advanced Computing) course. It showcases the application of learned concepts in a real-world scenario, integrating various technologies and methodologies to create a comprehensive property listing solution.

Technology Stack:

Front-End: Developed using React.js for a dynamic user interface, enhanced by React-Redux for efficient state management. This combination ensures a responsive and seamless user experience.

Back-End: Built with Spring Boot to provide robust and secure RESTful APIs. Spring Security is integrated to safeguard user data and ensure secure transactions.

Key Features:

  1. Direct Transactions: Facilitates direct communication between buyers and sellers, bypassing traditional broker involvement.

  2. Simplified Negotiations: Uses user-friendly terms and visual icons to streamline property discussions and agreements.

  3. Secure Platform: Incorporates advanced security measures to protect user data and transactions.

Installation

Front-End (React-JS)

Navigate to Front-end Folder and Execute the Below Commands

use yarn and node v20.12.2

yarn            # to Inialise with Required Packages
yarn start      # To Start web-server on port 3000

Alternatively can also use npm

npm install     # to Inialise with Required Packages
npm start       # To Start web-server on port 3000

Sample Images

  • Home Page HomePage

  • Login Pages

    • User Login User Login

    • Admin Login Admin Login

  • Reset Password Reset Password

  • User Registration User Registration

  • User Dasboard User Dasboard

  • User Added Properities User Added Properities

  • Individual Property View Individual Property View Individual Property View Individual Property View

  • Wishlist Wishlist

  • Search Functionality Search Functionality Search Functionality

  • Contact Owner Contact Owner

    • Email Trigger Feature Email Trigger Feature Sample Email

    • Display Owner Contact Details Display Owner Contact Details

  • Admin User Dashboard

    • Portal Analystics Portal Analystics

    • Admin User List Admin User List-1 Admin User List-2

    • Admin Property List Admin Property List-1 Admin Property List-2

    • Admin User Profile Admin User Profile

Key Points to Note

  • The Frontend React would serve the Page on Port 3000
  • The Backend SpringBoot would host the Server on Port 8080 and has Swagger Enabled for API Testing Functionality