MessFinder is a comprehensive property, mess, and flat leasing search ecosystem. The solution provides a premium user experience for finding shared rooms (messes), apartments, and full houses.
概览
MessFinder is a comprehensive property, mess, and flat leasing search ecosystem. The solution provides a premium user experience for finding shared rooms (messes), apartments, and full houses. The repository consists of: 1. (Root): A cross-platform mobile application built using React Native, Expo SDK 54, and Expo Router. 2. (admin/admin-dashboard): A high-performance web dashboard built using React, Vite, TypeScript, and Tailwind CSS v4. 3. : Powered by Supabase (PostgreSQL, Realtime, Storage, and Auth) with strict Row Level Security (RLS) policies. - (v18.0.0 or higher recommended) - or - app installed on your physical mobile device (to preview the mobile app) 2. : Create a .env file or export your variables for local run: 3. : Press a to run on an Android emulator, i to run on iOS simulator, or scan the QR code on your device using the Expo Go application. 3. : Create a .
README
以下为原文 README 节选，完整内容请查看原文。
MessFinder – Universal Property & Room Finder Solution
MessFinder is a comprehensive property, mess, and flat leasing search ecosystem. The solution provides a premium user experience for finding shared rooms (messes), apartments, and full houses.
The repository consists of:
- Expo Mobile Client (Root): A cross-platform mobile application built using React Native, Expo SDK 54, and Expo Router.
- Web Administrative Dashboard (
admin/admin-dashboard): A high-performance web dashboard built using React, Vite, TypeScript, and Tailwind CSS v4. - Backend Service: Powered by Supabase (PostgreSQL, Realtime, Storage, and Auth) with strict Row Level Security (RLS) policies.
🏗️ System Architecture
graph TD
subgraph "Clients"
A[Expo Mobile App - iOS/Android]
B[Vite Admin Web Dashboard]
end
subgraph "Backend Services (Supabase)"
C[Supabase Auth]
D[PostgreSQL Database]
E[Storage Buckets]
end
A -->|Authentication / API Queries| C
A -->|Data CRUD / Subscriptions| D
A -->|NID & Room Image Uploads| E
B -->|Admin Authentication| C
B -->|Moderate Users, Properties & Rooms| D
B -->|Review Uploaded NIDs| E
🛠️ Technology Stack
| Layer | Technologies | Key Capabilities |
|---|---|---|
| Mobile Client | React Native, Expo Router, Expo SDK 54, React Query | Cross-platform navigation, Native UI components, offline caching, and responsive design. |
| Web Dashboard | React 19, Vite 8, TypeScript, Tailwind CSS v4, Lucide Icons | Admin controls, metrics calculation, and user verification workflows. |
| Backend | Supabase, PostgreSQL, Row-Level Security (RLS) | Secure user registration, real-time comment synchronization, object storage, and DB triggers. |
| Styling | React Native StyleSheet (Mobile) & Tailwind CSS v4 + custom HSL palette (Web) | Seamless dark-mode support, smooth animations, and responsive screen spacing. |
📁 Repository Directory Structure
├── .expo/ # Expo build & cache configuration
├── admin/
│ └── admin-dashboard/ # Web administration panel (Vite + React)
│ ├── src/
│ │ ├── components/ # Reusable dashboard UI controls (ui.tsx)
│ │ ├── pages/ # Login and Dashboard pages
│ │ ├── lib/ # Supabase client initializer
│ │ ├── types.ts # TypeScript type declarations
│ │ ├── data.ts # Data fetchers, mutations, and authentication helpers
│ │ └── index.css # Core styles & Tailwind CSS v4 entrypoint
│ └── package.json # Dashboard project dependencies
├── app/ # Expo Mobile App Screen Routes (Expo Router)
│ ├── (tabs)/ # Main tab navigation (home, favorites, profile)
│ ├── property/ # Property detailed pages
│ ├── room/ # Room detail views and search results推荐工具
换一个关键词，或者移除筛选条件。
安装
npx skillfish add tamzid-ibna-wahid/mess-finder-app