🏠 Smart Real Estate: Delivering Instant Sales Updates with Postmark, Chrome Extensions & IoT Integration
James Moro

James Moro @jamesrmoro

About: 🎓 Computer Engineer | 📢 Advertising Specialist | 💻 Front-End Developer I combine creative storytelling with modern front-end technologies. #PWA #TWA #JavaScript #HTML5 #CSS3 #FrontEnd #GameDev

Location:
Brazil
Joined:
Nov 29, 2019

🏠 Smart Real Estate: Delivering Instant Sales Updates with Postmark, Chrome Extensions & IoT Integration

Publish Date: Jun 1
34 13

This is a submission for the Postmark Challenge: Inbox Innovators.

💡 What I Built

In the fast-paced real estate market, instantly notifying the team about new sales is essential for engagement and collaboration.

I created an integrated digital ecosystem for construction companies and real estate agencies, combining:

  • 🧩 Chrome Extension for quickly registering sales
  • 📧 Postmark for reliable transactional email delivery
  • 🔗 Supabase as a real-time scalable backend and database
  • 🔔 PWA (Progressive Web App) for push notifications and multi-platform engagement
  • 🔥 IoT Integration (ESP32 Wi-Fi) for physical notifications in the office

The focus is on real-time, frictionless communication, with Postmark as the pillar for transactional messages, and Supabase ensuring data is always available, regardless of device or browser.

Image description


🎥 Demo


📁 Code Repository

🏙️ Light Estate

Smart Real Estate Dashboard – Instantly track apartment sales, notify your team, and manage all projects in the cloud.

Light Estate UI

License: MIT Supabase Deploy on Vercel


✨ Features

  • Real-time Sales Tracking – Visual building model, click apartments to register sales.
  • Instant Notifications – Email and Push notifications for your team using Postmark and webhooks.
  • Chrome Extension Integration – Register new sales directly from your browser.
  • Team Management – Add and manage team emails per project.
  • Project Configs – Support for multiple real estate projects, with custom floors and apartments.
  • Cloud-first – Built on Supabase, deployable anywhere (Vercel, Netlify, your server).
  • Mobile Friendly – Works on all devices.

🚀 Demo

Watch the demo on YouTube

▶️ Click the image above to watch the full demo on YouTube!
https://youtu.be/Cc812fVl26I

See the extension in action, real-time sales, notifications, and project management in under 5 minutes.


🛠️ Setup

  1. Clone the repository
git clone https://github.com/jamesrmoro/light-estate-extension.git
cd light-estate-extension
Enter fullscreen mode Exit fullscreen mode
  1. Configure your Supabase credentials
    Open the file…


⚙️ How I Built It

1. Chrome Extension: Sales Trigger

The user registers sales directly from the browser, through a simple and intuitive interface.

Besides the fields for sale data, it is possible to register and manage the list of emails for collaborators who should be notified.

Image description

That way, whenever an admin or agent records a new sale, all registered emails instantly receive both a Postmark email and a PWA notification.

2. Supabase: Cloud Database & Synchronization

All sales are stored in Supabase, which combines the robustness of PostgreSQL with modern real-time APIs.

I chose this platform precisely because of the easy integration with both the Chrome extension and the PWA:

  • Allows you to centralize all sales data, notifications, and collaborators in one place, accessible via API.
  • Ensures any update made on one device is instantly reflected for everyone, with no infrastructure hassle.
  • Comes with ready-to-use authentication, flexible access rules, and great documentation, accelerating development and scalability.

Thus, the experience of managing, querying, and notifying about sales becomes truly seamless, modern, and accessible across multiple devices.

3. Postmark: Transactional Email Engine

Postmark is at the heart of communication for this ecosystem, ensuring that everyone involved receives information about new sales quickly, securely, and with a personal touch.

Image description

Beyond simple sending, you can create advanced HTML templates, incorporating company branding, digital contracts, QR Codes for e-signatures, and dynamic information about each sale. This makes messages professional, engaging, and ready for a variety of business scenarios.

Another major Postmark differentiator is its webhook functionality.

Webhooks allow you to receive, in real time, events from Postmark itself, such as delivery confirmation, email opens, clicks, and sending failures.

With this, developers can automate processes, feed dashboards, update internal systems, and even trigger new actions whenever the status of a transactional email changes.

4. PWA: Push Notifications

In addition to the Chrome extension, the platform also works as a PWA (Progressive Web App), taking the user experience to the next level.

The PWA offers the best of both worlds: it can be installed on desktop or mobile, works offline, and has performance close to a native app, but with all the flexibility of a web application.

One of the great advantages of this approach is the ability to send real-time push notifications. As soon as a sale is recorded, all connected collaborators — regardless of device or OS — immediately receive a push notification, keeping the entire team engaged and informed, even outside the main system.

Image description

With the integration between push notifications and Postmark, the user is absolutely certain they have received an important email: as soon as the push notification appears, they know that a new transactional email (via Postmark) has landed in their inbox, making it impossible to miss critical information about new sales.

In daily practice, this means:

  • The agent can be in the field and still instantly know about updates.
  • The manager tracks sales performance without needing to open reports or access the system.
  • The team celebrates every new win together, creating a more connected and motivated environment.

The result is a modern, efficient, and truly omnichannel experience for real estate sales and management teams, with all the delivery reliability of Postmark and the convenience of push notifications.

5. IoT Integration (ESP32 Example)

To make everything more fun, I built — following the same digital layout — a physical mockup of a building, easily produced with a 3D printer.

I used an addressable WS2812 LED strip (commonly known as "NeoPixel") to represent the windows: each LED corresponds to an apartment.

When a sale is registered in the system, the corresponding window’s LED lights up, creating a physical, playful, and impactful visualization for the team to track sales in real time.

This prototype can be replicated and customized according to the number of apartments/floors, serving as an excellent engagement piece for offices, events, and fairs.

Tech Stack

  • Chrome Extension (JavaScript)
  • Node.js (API/backend)
  • Supabase (database, authentication, real-time API)
  • Postmark (email delivery)
  • ESP32 (hardware integration)
  • PWA (push notifications and offline support)
  • (Optional: Firebase or other push service)

🎯 Conclusion

My experience with Postmark exceeded expectations and was essential in creating a truly robust and professional product.

Customizing the templates made it easy to standardize email visual identity, while Postmark's ultra-high deliverability guaranteed maximum confidence: important notifications and updates land directly in the recipient’s inbox, with no risk of getting lost in spam or junk folders.

This means essential information about each sale always arrives in the right place at the right time, strengthening communication, engagement, and efficiency for the sales team.

Comments 13 total

Add comment