PropClips.com - Real Estate Video SaaS

PropClips is a fully-featured SaaS platform built entirely on Bubble.io, designed to automate social media video marketing for real estate agents. This sophisticated application demonstrates the capability of no-code development to build enterprise-grade solutions, seamlessly integrating multiple AI services, web scraping, and server-side video rendering into an intuitive user experience.

Real estate agents face a critical bottleneck in their marketing efforts: creating engaging video content for platforms like TikTok, Instagram, and YouTube is essential but incredibly time-consuming. The traditional process requires expensive software, professional video editing skills, and hours of manual work for each listing.

The core challenge was to create a solution that would empower any agent, regardless of technical skill, to produce professional-grade videos in minutes rather than hours—all while maintaining the quality and customization that effective marketing demands.

As the sole developer and architect for this project, I was responsible for the entire end-to-end development process on the Bubble.io platform.

System Architecture Designing the database schema, backend workflows, and complex chain of API integrations

Full-Stack Development Building all user-facing pages, reusable elements, and backend logic using Bubble's visual programming

API Integration Configuring and managing multiple third-party APIs via the API Connector

UI/UX Design Crafting an intuitive, responsive interface that guides users through multi-step workflows

Database:Bubble's integrated database

Core Logic:Bubble Frontend & Backend Workflows

BrightData: Asynchronous web scraping of Zillow listing data

OpenAI: GPT-4o-mini for AI scriptwriting, TTS for voiceover generation

AssemblyAI: Generating accurate video captions from voiceover audio

AWS Lambda/Remotion: Server-side video rendering

I designed and built an intuitive, wizard-style workflow that abstracts away all the backend complexity, providing users with a streamlined experience from listing URL to finished video.

The user's journey starts with a single input field. Pasting a Zillow URL triggers a backend workflow that calls the BrightData API to initiate a scraping job.

Implemented a webhook endpoint in Bubble to handle asynchronous scraping responses

Once BrightData completes the scrape, it notifies the app via webhook

A triggered workflow pulls structured data (images, price, description, etc.) and saves it to the Listing data type

All of this happens transparently while providing real-time feedback to the user

This step showcases the power of chaining multiple AI services seamlessly.

A database trigger initiates a workflow that calls OpenAI GPT-4o-mini API

Carefully engineered prompts send property data to generate compelling, natural-sounding voiceover scripts

The AI-generated script and scraped data dynamically populate the customization screen

Users can edit the script, select images, and modify agent details

All changes are managed efficiently using custom states for optimal performance

The most technically complex part of the application, managed entirely through Bubble's backend workflows.

OpenAI Text-to-Speech API creates an MP3 voiceover from the final script

Audio file URL is sent to AssemblyAI API for word-for-word caption generation

Once captions are ready (confirmed via webhook), a final workflow triggers

AWS Lambda function receives a comprehensive JSON object containing all assets: image URLs, audio URL, caption data, and video orientation

Lambda uses Remotion to render the video and calls a final webhook with the completed .MP4 URL

The UI automatically updates to display the video preview and download button

Managing a sequence of long-running, asynchronous tasks (scraping, AI generation, video rendering) that are dependent on each other without blocking the user interface.

I architected a resilient system using a combination of backend workflows, webhooks, and database triggers. This decouples the processes, ensuring the application remains responsive while handling heavy lifting on the server-side. Custom states and conditional UI elements provide users with real-time feedback at every stage, creating a seamless experience despite complex backend operations.

Integrating four distinct, complex third-party APIs with different authentication methods, data structures, and response patterns.

Mastered Bubble's API Connector to handle various authentication methods, configure dynamic API calls, and parse complex JSON responses. This created a seamless data pipeline that powers the entire application, transforming raw data from multiple sources into a cohesive, automated workflow.

The final product is a polished, performant, and user-friendly tool that demonstrates deep expertise in Bubble.io development, from database architecture and complex backend logic to sophisticated third-party API management.

Reduced video creation time from hours to minutes

Eliminated the need for expensive video editing software and technical skills

Successfully integrated 4 complex third-party APIs into a cohesive workflow

Built a scalable, enterprise-ready SaaS platform

Created an intuitive user experience that abstracts away technical complexity