Back to Projects

Tenancy Track

Tenant and property management app built with Next.js 15, Prisma ORM, and NextAuth for tracking rentals and tenants

Tenancy Track

Tenancy Track

Overview

Tenancy Track is a tenant and property management app built with Next.js 15. It helps landlords keep track of their rentals and tenants, with secure sign-in via NextAuth and a Prisma-backed data layer.

Key Features

  • Property Tracking: Keep track of properties and rentals
  • Tenant Management: Manage tenant records associated with each property
  • Authentication: Secure sign-in with NextAuth
  • Forms: Data entry with React Hook Form and Zod validation
  • Clean UI: Interface built with Radix UI components

Technical Stack

  • Framework: Next.js (v15), TypeScript
  • Data: Prisma ORM
  • Auth: NextAuth
  • Forms & Validation: React Hook Form, Zod
  • Styling: Tailwind CSS, Radix UI

Architecture

The application follows a modern full-stack Next.js architecture:

  • Frontend: Next.js with Radix UI components and role-aware views
  • Data Layer: Prisma ORM for type-safe property and tenant data
  • Auth: NextAuth for authentication and sessions
  • Forms: React Hook Form with Zod validation at the boundaries

Challenges & Solutions

  • Access Control: Used NextAuth to manage authenticated, role-aware access
  • Data Modeling: Modeled properties and tenants with Prisma migrations
  • Form UX: React Hook Form with Zod for reliable, validated data entry
  • Type Safety: End-to-end TypeScript across UI, data, and validation

Impact & Results

  • Efficiency: Gives landlords a single place to track rentals and tenants
  • Clarity: Organized records make property management easier to follow
  • Type Safety: Prisma and Zod keep the data layer consistent