|

🎯 Smart Queue

A modern digital queue management system built with React and Supabase. Create and manage queues efficiently with real-time updates and QR code integration.

✨ Features

• 🚀 Real-time Updates: Instant queue status changes
• 📱 QR Code Integration: Easy queue joining via QR code scan
• 🔐 Secure Authentication: Built-in user management
• 🎯 Queue Management: Efficient queue control dashboard
• 🌈 Modern UI: Responsive design with Tailwind CSS
• ⚡ Performance: Built with React and TypeScript

📸 Preview

Create Queue Page

Create and manage your queue with an easy-to-use interface

Join Queue via QR

Customers can quickly join queues by scanning QR codes

Queue Management Dashboard

Monitor and control your queue in real-time

Queue Status View

Users can track their position in the queue

📱 Core Features

Queue Creation

• Create custom queues with unique identifiers
• Generate shareable QR codes
• Set queue preferences and settings

Queue Management

• Real-time queue monitoring
• Call next in line
• Mark entries as complete/skipped
• View queue statistics

User Experience

• Join queues via QR code scan
• Real-time position updates
• Mobile-optimized interface
• Push notifications (coming soon)

🛠️ Tech Stack

🚀 Quick Start

Prerequisites

• Node.js (v14 or higher)
• npm/yarn
• Supabase account

Installation

1. Clone the repository:

git clone https://github.com/yourusername/antrian-cerdas.git
cd antrian-cerdas

2. Install dependencies:

npm install

3. Configure environment variables:

cp .env.example .env

4. Update .env with your Supabase credentials:

VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

5. Build Project

npm run build

6. Start the development server:

npm run dev

Visit http://localhost:5173 to see the app in action!

🗄️ Database Schema

Tables

• queues: Queue metadata and settings
• queue_entries: Individual queue entries
• users: User authentication and profiles

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Supabase for the amazing backend service
• Tailwind CSS for the utility-first CSS framework
• Framer Motion for smooth animations
• React Hot Toast for beautiful notifications

📬 Contact

---

Made with ❤️ for better queue management