Eikhoi Housie
Eikhoi Housie is a fully automated online Tambola (Housie) platform designed for a seamless gaming experience. It handles everything from digital ticket generation and secure payments to AI-powered automatic number calling and real-time winner validation. The application serves both players and event organizers, offering a comprehensive suite of tools for creating, managing, and participating in Housie games with minimal manual intervention and maximum engagement.
Technology Overview
This application is built with a modern, serverless first technology stack, prioritizing performance, scalability, and developer experience.
Next.js (with React & TypeScript)
Next.js is the core React framework used for building the user interface. It enables server-side rendering (SSR) and static site generation (SSG), which provides excellent performance and SEO benefits. React’s component-based architecture is used to create interactive and reusable UI elements, from the game boards to the admin dashboards. TypeScript is used throughout for static typing, improving code quality and maintainability.
Tailwind CSS & ShadCN UI
Styling is handled by Tailwind CSS, a utility-first CSS framework that allows for rapid UI development directly within the markup. Built on top of Tailwind, ShadCN UI provides a set of beautifully designed, accessible, and customizable components (like Buttons, Cards, Dialogs) that form the visual foundation of the application, ensuring a consistent and professional look and feel.
Firebase
Firebase serves as the primary backend platform. It provides several key services:
Firebase Authentication: Manages user identity through various methods, including phone OTP, email/password, and anonymous sign-in.
Firestore: A NoSQL, cloud-hosted database used to store all application data in real-time, including user profiles, event details, tickets, and game state.
Firebase App Hosting: Hosts the Next.js application, providing a fully-managed, serverless environment with CI/CD, SSL, and global CDN.
Genkit (with Google Gemini)
Genkit is the framework used for integrating generative AI capabilities, powered by Google’s Gemini models. In this app, it is used for server-side logic and complex operations, such as creating payment orders, handling bulk SMS sending, and running automated game logic like winner selection. This offloads complex tasks to a robust, managed AI environment.
Razorpay
Razorpay is integrated as the payment gateway to handle all monetary transactions. It provides a secure and reliable method for users to purchase Housie tickets online. The integration involves creating orders on the server via a Genkit flow and verifying payment signatures to confirm successful purchases.
Twilio
Twilio is used for sending SMS notifications to users. This is primarily handled through a dedicated Genkit flow that can dispatch bulk messages, which is useful for sending event reminders or other important announcements directly to players’ mobile devices.
Technology Stacks:
- Firebase
- Firebase Studio
- NEXTJS
- Tailwind CSS
- Google Analytics
- rCaptcha
- Category: Uncategorized, Web Application
