Design Credit: The frontend experience was implemented based on a client-provided design reference(generated using GPT tools).
RPR is a high-performance, full-stack property management ecosystem designed to bridge the gap between landlords, tenants, and administrators. Built with a focus on visual excellence and operational efficiency, it provides a seamless interface for managing complex property portfolios, financial tracking, and maintenance workflows.
The system is architected around three specialized portals, each tailored to a specific user persona:
The central command center for system-wide oversight.
- System Overview: High-level KPIs for properties, active tenancies, and maintenance issues.
- Financial Analytics: Comprehensive revenue breakdowns, collection rates, and monthly trends.
- User Management: Granular control over landlord and tenant profiles.
- Global Documentation: Management of contracts, notices, and legal filings with role-based visibility.
A portfolio-centric dashboard for owners to track their investments.
- Portfolio Tracking: Real-time status of all properties (Let, Notice, Vacant).
- Financial Summaries: Net income tracking after deductions and management fees.
- RTB Compliance: Centralized tracking of RTB registration status across the portfolio.
- Direct Oversight: Quick access to maintenance issues and tenant status.
A simplified, mobile-friendly interface for the ultimate resident experience.
- Rent Management: Clear visibility into payment schedules, next due dates, and historical receipts.
- Maintenance Reporting: One-click issue reporting with status updates from "Open" to "Resolved."
- Document Access: Easy access to lease agreements, inspection reports, and official notices.
- Property Details: Comprehensive overview of the tenancy, including landlord contact info.
- 💎 Premium Aesthetics: Modern UI design utilizing glassmorphism, smooth transitions (Lenis), and a curated professional color palette.
- 📊 Real-time Analytics: Interactive charts powered by Recharts for financial and operational data.
- 🛠️ Robust Maintenance Workflow: End-to-end tracking of property issues with priority-based sorting.
- 📂 Intelligent Document Center: Role-based visibility for various document types (Contracts, RTB Certs, Invoices, Notices).
- 📱 Fully Responsive: Seamless transition from desktop power-user views to mobile-first tenant experiences.
- 🔒 Secure Authentication: Token-based authentication system ensuring data privacy across all roles.
- Framework: Next.js (App Router)
- Styling: Tailwind CSS
- Icons: Lucide React
- Charts: Recharts
- Smooth Scrolling: Lenis
- Notifications: SweetAlert2
- API Integration: Custom
authenticatedFetchutility for secure backend communication.