UI UX Dashboard

screenshot of UI UX Dashboard
react
material-ui

Real Estate Webapp! Sign up, post your property with images from your device , and create your real estate agent profile. Search for properties, connect with agents, and stay up-to-date on market trends . Join now!

Overview

Tatua's Real Estate App is a full-stack web application built using the MERN stack (MongoDB, Express, React, Node.js) and TypeScript. It provides real estate agents and property managers with a platform to manage their listings, allowing them to create, read, update, and delete property data. The app features Google OAuth authentication for secure user logins. It also includes a responsive design that works seamlessly across all devices.

Features

  • CRUD Properties: Users can create, read, update, and delete property listings.
  • Filtering: Users can filter properties by property type or location.
  • Detailed Property Page: Each property has a dedicated page with an image gallery and description.
  • Google OAuth2 Authentication: Secure user authentication through Google credentials.
  • Responsive Design: The app is designed to work smoothly on all devices.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.