HypeHouse is a modern property management platform designed to connect students with PG (Paying Guest) accommodations. It consists of a React Native mobile application for students and a web-based admin dashboard for property owners.
-
For Students (Mobile App):
- Browse verified PG accommodations with images and details.
- Filter by room type, gender, and amenities.
- View property locations on a map.
- Save favorite PGs and manage bookings.
- Real-time notifications and chat (coming soon).
-
For Owners (Admin Dashboard):
- Manage property listings (Add/Edit/Delete).
- Upload property images.
- Track bookings and student inquiries.
- Manage profile and business details.
- Mobile App: React Native (Expo)
- Admin Dashboard: React (Vite, Tailwind CSS)
- Backend/Database: Supabase (PostgreSQL, Auth, Storage)
- Styling: Vanilla CSS (Mobile), Tailwind CSS (Admin)
- Icons: Lucide React, Expo Vector Icons
HypeHouse/
├── admin/ # React + Vite Admin Dashboard
├── src/ # React Native Mobile App source
├── assets/ # Shared assets (images, fonts)
├── supabase_setup.sql # Database schema and RLS policies
├── App.js # Mobile app entry point
└── package.json # Mobile app dependencies
- Node.js (v18+)
- Expo Go on your mobile device (for development)
- Supabase account and project
- From the root directory, install dependencies:
npm install
- Create a
.envfile from.env.exampleand add your Supabase credentials. - Start the Expo dev server:
npx expo start
- Navigate to the
admindirectory:cd admin - Install dependencies:
npm install
- Start the Vite dev server:
npm run dev
- Create a new Supabase project.
- Run the SQL script found in
supabase_setup.sqlin the Supabase SQL Editor to initialize tables, roles, and RLS policies. - Configure authentication (Email/Phone) and create storage buckets (
pg-images,avatars) as defined in the script.
MIT