An Online RealEstate Platform using the MERN stack.
HTML5
CSS3
Firebase
REACT
MongoDB
NodeJS
ExpressJS
Tailwind
HeadlessUi
Stripe Js
NodeMailer
Hook Form
Captcha
Java Script
Swiper JS
Axios
JWT
Tanstack Query
Dashboard interface created with three separate role Admin, Agent & User.
Users can buy properties from verified agents and can pay using valid cards, after successful payment user will get a email notification with details of the bought property & TransactionID.
Admin can add, delete, edit and see all Properties status.
Admin can make new Admin & new Agent from dashboard.
Only Verified Properties by Admin will be shown in the Site.
Admin can make an agent as Fraud so he can't able to add any Properties and all his unSold Properties will be deleted.
Also have individual Profile Route for Admins, Agents & Users.
Users able to post review for a properties and have right delete the reviews.
Users have right to choose price range and agents have free right to accept any offer.
Only agents have right to add Properties and able see , edit & delete his Added Properties.
Agent able to see statistics of total sold properties, Amount($), Revenue by Recharts.
Responsive Frontend Application using Next.js and Material-Ui.
Java Script
Type Script
HTML5
CSS
Next.js
Tailwind
MUI
This project is a fully responsive frontend application built using Next.js, TypeScript and Material-UI.
It aims to deliver a seamless user experience across various devices, including desktops, tablets, and mobile phones.
Server-Side Rendering: Utilizes Next.js's server-side rendering capabilities to improve performance and SEO.
Component-Based Architecture: Built with reusable components, making the codebase modular, maintainable, and scalable.
Modern UI Elements: Incorporates modern UI elements like cards, buttons, dialogs, and forms provided by Material-UI to enhance user interaction and engagement.
Grid Layout: Utilizes Tailwind's Grid layout to create a flexible layout that adjusts according to screen size.
This project showcases the power of combining Next.js, TypeScript and Material-UI to create a responsive and visually appealing frontend application.