PROJECT / 062024o PUBLIC SOURCE

Campus Housing
- rooms, requests, and reviews.

A campus housing web application built with React, Vite, Tailwind CSS, React Router, Google Maps, typed forms, and role-specific screens for students, landlords, wardens, and administrators.

06 / HOUSING - PREVIEW
Overview

The problem

Student housing workflows have several actors: students searching for places, landlords managing listings, wardens reviewing requests or properties, and administrators handling user and article records. A single flat interface would make those responsibilities collide.

The approach

The app uses a Vite React structure with separate page groups for hostels, property views, landlord dashboards, warden review screens, and admin management. Shared components cover property cards, maps, request details, accept/reject actions, auth context, image selection, forms, and reusable UI primitives.

Role

Frontend engineer. Built role-aware portal screens, reusable property and request components, routing, authentication hooks, and responsive Tailwind layouts.

Highlights
  • Role-specific routes cover students, landlords, wardens, and administrators.
  • Property browsing includes card displays, detailed property views, and Google Maps integration.
  • Landlord and warden flows include property management, request details, and accept/reject controls.
  • Auth context and login/signup hooks keep access patterns organized across the portal.
Stack
JavaScriptReactViteTailwind CSSReact RouterAxiosGoogle Maps APIReact Hook FormZod
At a glance
SurfaceCampus housing web portal
UsersStudents, landlords, wardens, admins
MapsGoogle Maps property views
BuildVite + React
StatusPublic source
NEXT PROJECT - 07PurrfectPal ->