Back to Main Hub

RAS Simulator

This smartphone shell demonstrates the client-side design of the RAS (Resident Access System) tenant mobile app. Test-drive the core features using the navigation bar.

React Native TypeScript NativeWind / Tailwind Express REST API Prisma ORM PostgreSQL
12:30
Welcome back

Alex Rivera

Nottingham Villas • Unit 4B
AR
📦
Package Logged at Front Desk
Logged by Guard Almeda
Next Rent Invoice
UNPAID
₱15,500.00
Due Date: August 1, 2026
Building Bulletins View All
⚠️ Elevators Cleaning Routine

Left wing elevators will undergo deep cleaning on July 23 from 2 PM to 4 PM. Please use right wing.

Finance & Payments

Auto-Pay (Recurring Billing)
Deduct rent automatically on due dates
Utilities Meter Usage
⚡ Electricity (185 kWh) -12% vs last month
💧 Water (14.2 m³) +5% vs last month
Billing Statements
July 2026 Rent Payment ₱15,500.00 PAID
Invoice: INV-99214 • Paid via GCash

Maintenance & Repairs

Submit Repair Request
Active Work Orders
Ticket ID: TK-3112 LOW
HVAC Filter Replacement

Regular cleaning and filter replacement completed in bedrooms.

Completed • July 15

Building Security

CCTV Live Feed
LOBBY CAM 01 (SECURE WebRTC)
Click to Stream CCTV Feed
Visitor QR Pass Generator

Lease & Community

Lease Agreement Overview
Tenant: Alex Rivera
Unit: Nottingham Villas - 4B
Term: 12 Months (Active)
Reserve Building Amenity
Rooftop BBQ Pit
Clubhouse Lounge
Shared Study Room
Home
Finance
Repairs
Security
Lease

Database & API Console Logs

[System] Console initialized...
[Database] Connected to PostgreSQL via Prisma Client.
[Prisma] Loaded Lease schema decoupling 10+ tenants...
💡 Interactive Actions: Submit a repair ticket, toggle the Auto-Pay switch, or book a BBQ pit in the phone simulator to inspect live SQL database transaction simulations.