🏛️ KostFlow – Premium Property Management System

KostFlow is a modern, high-end property management system designed for maximum operational efficiency and a premium user experience. Built with a focus on performance, security, and mobile-first accessibility.

---

✨ Core Features

• 🚀 Executive Dashboard: Real-time visualization of occupancy rates and monthly revenue analytics.
• 🏠 Unit Management: Comprehensive control over room availability, pricing, and facility detailing.
• 👥 Tenant Tracking: Integrated tenant database with automated move-in/move-out workflows.
• 💳 Financial Automation: Automated transaction logging and professional invoice generation.
• 📲 WhatsApp Integration: One-click automated billing and payment reminders directly to tenants' phones.
• 📱 PWA Ready: Progressive Web App support for a native-like experience on mobile devices.
• 🔐 Enterprise Security: Industry-standard data protection using Supabase encryption and Row Level Security (RLS).

---

💻 Tech Stack

• Framework: Next.js 15 (App Router)
• Language: TypeScript (Strict Type Checking)
• Styling: Tailwind CSS v4 with a Glassmorphism design language.
• Database: PostgreSQL via Supabase.
• ORM: Prisma.
• UI Components: Radix UI & Lucide Icons.
• Notifications: Sonner for minimalist, high-performance toasts.

---

🛠️ Local Installation

1. Clone the Repository

   git clone https://github.com/Callmerev95/kostFlow.git
   cd kost-flow

2. Install Dependensi

   npm install

3. Environment Configuration Create a .env file in the root directory and add the following credentials:

   DATABASE_URL="your_postgresql_url"
   DIRECT_URL="your_direct_url"
   NEXT_PUBLIC_SUPABASE_URL="your_supabase_url"
   NEXT_PUBLIC_SUPABASE_ANON_KEY="your_supabase_anon_key"
   

4. Database Setup (Prisma)

   npx prisma generate
   npx prisma db push

5. Run Development Server

   npm run dev

📐 Project Structure

src/
├── actions/      # Server Actions (Business Logic)
├── app/          # Next.js App Router (Pages & Layouts)
├── components/   # Reusable UI & Shared Logic
├── lib/          # External Library Configs (Prisma, Supabase, Utils)
└── types/        # TypeScript Definitions & Interfaces

📝 Development Notes

This project is built following Clean Code principles and Atomic Design patterns. It prioritizes lightweight performance with a luxury visual aesthetic

🤝 Contribution

This project is open-source for educational purposes. If you wish to contribute, please fork the repository and submit a pull request.

built with ☕ and 💻 by [Callmerev]