PackFlow Pro

A modern inventory management system built with React, TypeScript, and Supabase.

Features

• Product Management: Add, edit, and archive products with custom fields
• User Management: Role-based access control (Admin & Packing Supervisor)
• Search & Filter: Advanced product search and filtering capabilities
• Mobile Responsive: Optimized for both desktop and mobile devices
• Real-time Updates: Live data synchronization with Supabase
• CSV Import: Bulk import products from CSV files
• WhatsApp Integration: Share product details via WhatsApp
• Admin Dashboard: Comprehensive system statistics and user management

Tech Stack

• Frontend: React 18, TypeScript, Vite
• UI Components: shadcn/ui, Tailwind CSS
• Backend: Supabase (PostgreSQL, Auth, Storage)
• State Management: React Query, Context API
• Routing: React Router DOM

Getting Started

1. Clone the repository

   git clone <your-repo-url>
   cd packflow-pro

2. Install dependencies

   npm install

3. Set up environment variables Create a .env.local file with your Supabase credentials:

   VITE_SUPABASE_URL=your_supabase_url
   VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
   

4. Run the development server

   npm run dev

5. Open your browser Navigate to http://localhost:5173

Database Setup

The application uses Supabase with the following main tables:

• profiles: User profiles with role-based access
• products: Product inventory with custom fields
• app_settings: Application configuration
• dynamic_fields: Configurable product fields

Deployment

The application can be deployed to any static hosting service:

• Vercel
• Netlify
• GitHub Pages
• Or any other static hosting platform

Contributing

This project is maintained by Meem Khan. For support or contributions, please contact the development team.

License

This project is proprietary software. All rights reserved.