08 · 2024 · public source
Campus Housingrooms, 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.
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.
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
- JavaScript
- React
- Vite
- Tailwind CSS
- React Router
- Axios
- Google Maps API
- React Hook Form
- Zod
At a glance
- Surface
- Campus housing web portal
- Users
- Students, landlords, wardens, admins
- Maps
- Google Maps property views
- Build
- Vite + React
- Status
- Public source