PropertyRoot – STR Property Management Dashboard (React 19, TypeScript, AI Canvas & RBAC)

LIVE PREVIEWBUY FOR $19

PropertyRoot is a premium, production-grade React 19 frontend dashboard template purpose-built for Brief-Time period Rental (STR) property managers, Airbnb host networks, and trip rental operators. It ships with 15 fully-wired modules, an interactive AI Agent & Workflow Canvas, a granular 5-role RBAC system, and an offline-first IndexedDB structure — overlaying each operational workflow a contemporary STR enterprise wants.

⚠️ Template Scope: PropertyRoot is a React 19 frontend-only template. All knowledge is powered by a sensible native mock layer (Zustand + IndexedDB). It’s designed so a developer can swap in any backend — REST API, GraphQL, Supabase, Firebase, Laravel, Node.js — by changing the typed service interfaces in src/lib/. No actual backend is included or required to run the demo.

VIEW LIVE DEMO → propertyroot.web.app

Reside Demo — Login Credentials

</thead>
<tbody>

</tbody>

AI Canvas & Workflow Automation

The crown jewel of PropertyRoot is its interactive, node-based AI Agent Canvas — a visible drag-and-drop workflow builder that lets operators wire up knowledge sources to clever micro-agents:

• Visible Workflow Builder: Drag, join, and prepare nodes on a stay canvas (React DnD + Framer Movement). Zero code wanted to construct automation flows.
• Income Hole Detection Agent: Mechanically identifies calendar gaps between bookings and triggers pricing or advertising options.
• AI Income Reconciliation: Cross-references OTA gross totals (Airbnb, Reserving.com, Expedia) towards payout information to floor discrepancies immediately.
• Proprietor Threat & Churn Scoring: Predictive engine scores every proprietor’s churn likelihood and flags at-risk relationships earlier than they escalate.
• Non-Blocking Net Employee Engine: All heavy analytics (hole detection, reconciliation, service scoring) execute in devoted Net Staff, preserving the UI 60 fps and responsive always.

✨ 15 Totally-Constructed Software Modules

• Dashboard: Government KPI playing cards — portfolio well being, RevPAR, ADR, occupancy, right this moment’s schedule, AI perception strip.
• Bookings: Multi-channel reservation record (Airbnb, Reserving.com, Expedia, Direct) with standing monitoring, payout columns, visitor particulars, and CSV export.
• Calendar: Month-to-month / weekly color-coded multi-channel reserving calendar with drag-to-reschedule help.
• AI Agent Canvas: Node-based visible workflow builder for AI-powered STR automation (see above).
• Financials: RevPAR / ADR development charts, payout timelines, fee breakdowns, and income reconciliation reviews.
• Proprietor Portal: Per-owner property portfolios, efficiency metrics, churn threat scores, and make contact with administration.
• ServiceHub: Upkeep, cleansing, and inspection process dispatch with technician reliability scoring and real-time standing monitoring.
• Portfolio: Chicken’s-eye view of all managed properties with occupancy warmth maps and property-level drill-downs.
• Occasions & Demand: Native occasion monitoring with demand-signal warmth maps to tell dynamic pricing choices.
• Mid-Time period Leases: Devoted module for 28–90 day rental administration — a rising market vertical.
• Template Library: Saved guest-communication message templates with variable substitution.
• RBAC Supervisor: Visible function and permission matrix editor for all 5 system roles.
• Settings & Branding: Reside theme editor — change accent shade, typography, border radius, card model, spacing, and darkish / mild mode in actual time.
• Profile: Person account administration, notification preferences, and safety settings.
• Showcase: Part library and UI package showcase for builders extending the template.

Granular 5-Function RBAC System

• Module-level and action-level permission gating by way of reusable <PermissionGate> elements and useAuthStore hook.
• Every of the 5 roles (Tremendous Admin, Property Supervisor, Proprietor, Analyst, Upkeep) sees a very tailor-made UI — sidebar, actions, knowledge columns — with no code modifications required.
• Prolong or add roles by enhancing a single typed permissions map in src/lib/rbac/.

⚡ Technical Highlights

• Offline-First Structure: IndexedDB (by way of idb v8) gives persistent native storage — the app masses and works and not using a community connection.
• PWA Prepared: Features a service employee and manifest — installable on desktop and cell as a native-like app.
• Strict TypeScript: Strict mode enabled all through — no any casts, totally typed service interfaces prepared for backend wiring.
• Self-Hosted Fonts: Plus Jakarta Sans served from @fontsource — zero exterior CDN requests on load.
• Bundled Asset Protected: All placeholder photos are unique bundled SVGs — no Unsplash or third-party license restrictions.
• Take a look at Suite Included: Vitest + Testing Library — 28 passing assertions overlaying RBAC engine and auth service.
• Keyboard Energy-Person Options: World Ctrl+Okay command palette and ? shortcut cheat sheet.
• Export Utilities: One-click JSON and CSV export for bookings, financials, and portfolio knowledge.

Tech Stack

</thead>
<tbody>

</tbody>

Set up — Up and Operating in 2 Minutes

# 1. Extract the ZIP and navigate into the supply folder
cd "PropertyRoot React/supply" 

# 2. Set up all dependencies
npm set up

# 3. Begin the event server
npm run dev
# → Opens at http://localhost:5173

# 4. Construct a manufacturing bundle
npm run construct

# 5. Run the included take a look at suite
npm take a look at

Necessities: Node.js 18+ and npm 9+. No database or server setup wanted — runs totally within the browser.

Browser & Gadget Compatibility

• Chrome 100+, Firefox 100+, Safari 15.4+, Edge 100+, Opera 86+
• Totally responsive: Desktop (1920px), Laptop computer (1280px), Pill (768px)
• PWA installable on Home windows, macOS, Android, and iOS

What’s Contained in the ZIP

• supply/ — Full React 19 + TypeScript supply code (uncompiled, buyer-editable)
• docs/documentation.html — Full offline HTML documentation
• docs/set up.html — Step-by-step setup information
• README.md — Fast-start information with tech stack overview
• CHANGELOG.md — Full model historical past (Preserve-a-Changelog format)
• SUPPORT.md — Help coverage and make contact with directions
• LICENSE — Envato Common/Prolonged License
• ATTRIBUTIONS.md — Third-party library attributions

Help Coverage

Each buy consists of 6 months of devoted creator help by way of Envato messaging and merchandise feedback. Help covers set up questions, bug reviews, configuration assist, and backend integration steerage. Customized characteristic improvement and server-side backend builds are exterior the scope of included help.

Response time: inside 48 enterprise hours (Mon–Fri, UTC+5:30).

Source