Underwriting

Everything starts from the deals list. Each row shows whether a rent roll and operating statement have been uploaded, the market, units, status and who the deal is assigned to, and the table can be searched, filtered, sorted and exported. There is also a map view and a separate tab for portfolio deals.

Opening a deal lands on its overview: the location on a map, the deal summary, pricing and returns, which documents have been processed, and the leasing trend from the latest rent roll. Every other part of the deal sits in the tabs along the top.

The old app worked, but it had been built up over years and every screen looked a little different. I kept the workflows analysts already knew, so a rent roll is still a rent roll, and rebuilt the screens around them with one set of components, one type scale and one spacing system.

The rent roll dashboard is a good example. Unit mix, lease types, renovation status, leasing trends and loss to lease are all still there, with the same settings panel on the left, but each chart can be downloaded on its own and the layout gives the numbers more room.

Behind the dashboard is the rent roll itself, one row per unit with floor plan, size, beds and baths, occupancy, market and contractual rent, concessions and lease dates. Every column filters, and the rows can be grouped by floor plan or unit type.

Comparable lease analysis puts two rent rolls side by side and shows what happened to the leases in between: how many renewed, how many went to new tenants or month to month, and how much rent moved in each case.

Every upload goes through processing, and the document center shows the result. When something looks off, like a total that does not add up, the file is flagged with anomalies so the analyst can check it before the numbers flow into the model.

The operating statement dashboard summarises a property's income and expenses: gross potential rent by month, T12, T3 and T1 performance, where the money goes, and vacancy.

The source data is the densest part of the app: months across the top, every income and expense line down the side, and the calculated NOI against the original at the bottom. Each line is mapped to a standard account, and lines that still need a mapping are highlighted so nothing slips through. Analysts switch between actuals and adjusted values, reorder lines and move between statement periods without leaving the grid.

Adjustments sit on top of the original numbers rather than replacing them. Each line keeps its original value, the adjustment and a note, so anyone reviewing the deal can see what was changed and why.

FirstPass is the quick valuation. The analyst sets the investment, financing and underwriting assumptions, and the results at the top update with purchase price, equity, cash on cash, DSCR and profit. Each input shows the trailing twelve month figure underneath where there is one, so it is easy to see how far an assumption moves away from the actuals.

Deals can be shared with people outside the team. The analyst picks what goes with it, from rent rolls and operating statements to the model and pricing, sets an expiry date and an optional access code, and leaves a note for the recipient.

The new interface sits on a component library built on PrimeReact. Every component has a gallery page showing its default, disabled, invalid, read only and loading states side by side, which made it much easier to keep the screens consistent as more of the app moved over.

It covers forms and inputs, buttons, data display, layout and navigation, feedback and messages, and the loading skeletons that show while a table or card is fetching.