Lottery App UI & Feature Development
Budget: ₹12,500 – ₹37,500 INR
## 1. App Theme & UI Design
### Color Palette
| Section | Color Code | Use |
| -------------- | ---------- | -------------------------- |
| Background | `#FFFFFF` | Overall app clean look |
| Primary Accent | `#4B0C0C` | Deep Maroon for highlights |
| Button Color | `#6A1B1B` | Book Now / Submit / Login |
| Success Green | `#15b733` | Wallet credit, wins |
| Error Red | `#ff4c4c` | Bet failure, warnings |
### Typography
* Font: **Poppins / Roboto**
* Heading: 20–24px, Bold
* Body: 14–16px
* Caption: 12px
---
## Top Navigation Elements
* **Profile** – Top left section for user info (name, mobile, UPI)
* **Wallet** – Top right corner, displays current balance and on tap shows wallet transaction history (Bet, Win, Top-up, Withdrawal)
* **Notifications** – Top right corner, alerts for result publish, winnings, and offers
---
## 2. Bottom Navigation Tabs
| Icon | Tab Name | Function |
| ---- | ------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
| | **Home Page** | View latest & past results, filter by company |
| | **LottoPro** | Prediction entry (1–4 digits, full ticket). After selecting a number, the **Book Now** button will appear for confirmation and payment. |
| | **History** | View all your predictions and win statuses
---
## 3. App Logic (Prediction System)
### 3.1 Ticket Entry Logic
* Users can enter any combination of:
* 1 Digit (e.g., `5`)
* 2 Digit (e.g., `28`)
* 3 Digit (e.g., `348`)
* 4 Digit (e.g., `6431`)
* Full Ticket: 2 Digits + 1 Letter + 5 Digits (e.g., `20A12345`)
* Entry field allows free typing.
* App automatically detects the ticket type based on length and pattern.
* Users can enter multiple entries with quantity selector.
* Bill Summary updates live with:
* Quantity selected
* Entry fee per type
* Total bill amount
* Only valid entries activate the **Book Now** button.
### Ticket Types
* 1 Digit → ₹90 prize → ₹10 entry
* 2 Digit → ₹250 prize → ₹20 entry
* 3 Digit → ₹750 prize → ₹30 entry
* 4 Digit → ₹4500 prize → ₹40 entry
* Full Ticket (e.g. `20A12345`) → ₹10,00,000 prize → ₹50 entry
### Matching Logic
* Full Ticket ends with:
* 1 digit → 1st series win
* 12 digits → 2nd series win
* 123 digits → 3rd series win
* 1234 digits → 4th series win
* Matching any of these = win
* Win amounts credited automatically to wallet
---
## 4. All Lottery Companies & Time Slots
| # | Company Name | Time Slots (Daily) |
| - | --------------- | -------------------------------- |
| 1 | **Nagaland** | 1:00 PM, 6:00 PM, 8:00 PM |
| 2 | **Singapore** | 6:30 PM (SG Time), 4:00 PM (IST) |
| 3 | **Sikkim** | 11:55 AM, 4:00 PM, 8:00 PM |
| 4 | **West Bengal** | 12:00 PM, 4:00 PM, 8:00 PM |
| 5 | **Goa** | 1:30 PM, 6:00 PM |
| 6 | **Kerala** | 3:00 PM |
| 7 | **Punjab** | 12:00 PM, 6:00 PM |
| 8 | **Maharashtra** | 4:00 PM, 6:00 PM |
| 9 | **Mizoram** | 2:00 PM, 6:00 PM |
---
## 6. History Page
* All bets listed with win status
* Upcoming draw predictions marked active
* Full ticket view available
---
## 7. Home Page (Result View)
* **Recent Published Result** displayed at top (with company, time, numbers)
* **Search**: Search by full ticket number or result number
* **Filter**: Company dropdown + Time Slot
* **Previous Results** listed below (last few draws shown chronologically)
* **Result Display Format:**
* Company Name
* Draw Date & Time
* Winning 4-Digit Number
* Full Ticket Number
* Image (JPG/PDF from Admin Panel)
* Download Option
## 9. Admin Panel (Deep Maroon Theme)
### Dashboard
* Today’s Total Bet
* Today’s Total Win
* Total Users
* Active Predictions
## Admin Modules — Logic Connections
### 1. **Company Management**
* **Connects to**: Home Page, LottoPro (Prediction Page), Result Upload
* **Purpose**: Add/edit/delete lottery companies and set their time slots.
* **Effect on App**:
* Users can select companies during prediction.
* Filters on Home Page use this data.
---
### 2. **Add/Edit Results**
* **Connects to**: Home Page (Results), Prediction History, Win Processing
* **Purpose**: Admin inputs 4-digit + full ticket results & uploads image.
* **App Workflow**:
* Admin first selects the **Company**.
* Picks the **Time Slot** from that company’s schedule.
* Enters the **Winning 4-Digit Number** and the **Full Ticket Number**.
* Uploads the result **image (JPG/PDF)**.
* Once the draw time has passed, all user entries for that draw show as **Processing** in app.
* Upon result upload, system automatically:
* Matches tickets
* Distributes win amounts to user wallets
* Updates status in **Prediction History**
* Displays the result on Home Page
* Enables users to download/view the result image.
---
### 3. **Customer Management**
* **Connects to**: Profile Page, Wallet Logs, History Page
* **Purpose**: View & manage user details (Name, Mobile, UPI, Wallet).
* **Features**:
* View each user's bets, wins, transaction logs.
---
### 4. **Wallet Manager**
* **Connects to**: Wallet Section (Profile Page)
* **Purpose**: Admin can Add/Withdraw money to any user wallet.
* **Logs**: Each entry shows source (Bet, Win, Top-up, Withdrawal).
---
### 5. **Betting Logs**
* **Connects to**: History Page, Admin Dashboard Cards
* **Purpose**: View total bets, amounts, and active bet users.
* **Logic**:
* Real-time tracking of bet amounts per draw.
* Used to calculate total bet vs win per time slot.
---
### 6. **Push Notifications**
* **Connects to**: App-wide top notification icon
* **Purpose**: Send alert to users (Result published, Win update, Bonus, etc.)
* **Visible In**: Notification bell on top-right corner of app.
---
### 7. **Admin Roles & Permissions**
* **Connects to**: Entire Admin Panel
* **Purpose**: Add sub-admins and control access (e.g., result editors, wallet-only staff).
* **Security**: Prevent unauthorized access or edits.
### Color Palette
| Section | Color Code | Use |
| -------------- | ---------- | -------------------------- |
| Background | `#FFFFFF` | Overall app clean look |
| Primary Accent | `#4B0C0C` | Deep Maroon for highlights |
| Button Color | `#6A1B1B` | Book Now / Submit / Login |
| Success Green | `#15b733` | Wallet credit, wins |
| Error Red | `#ff4c4c` | Bet failure, warnings |
### Typography
* Font: **Poppins / Roboto**
* Heading: 20–24px, Bold
* Body: 14–16px
* Caption: 12px
---
## Top Navigation Elements
* **Profile** – Top left section for user info (name, mobile, UPI)
* **Wallet** – Top right corner, displays current balance and on tap shows wallet transaction history (Bet, Win, Top-up, Withdrawal)
* **Notifications** – Top right corner, alerts for result publish, winnings, and offers
---
## 2. Bottom Navigation Tabs
| Icon | Tab Name | Function |
| ---- | ------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
| | **Home Page** | View latest & past results, filter by company |
| | **LottoPro** | Prediction entry (1–4 digits, full ticket). After selecting a number, the **Book Now** button will appear for confirmation and payment. |
| | **History** | View all your predictions and win statuses
---
## 3. App Logic (Prediction System)
### 3.1 Ticket Entry Logic
* Users can enter any combination of:
* 1 Digit (e.g., `5`)
* 2 Digit (e.g., `28`)
* 3 Digit (e.g., `348`)
* 4 Digit (e.g., `6431`)
* Full Ticket: 2 Digits + 1 Letter + 5 Digits (e.g., `20A12345`)
* Entry field allows free typing.
* App automatically detects the ticket type based on length and pattern.
* Users can enter multiple entries with quantity selector.
* Bill Summary updates live with:
* Quantity selected
* Entry fee per type
* Total bill amount
* Only valid entries activate the **Book Now** button.
### Ticket Types
* 1 Digit → ₹90 prize → ₹10 entry
* 2 Digit → ₹250 prize → ₹20 entry
* 3 Digit → ₹750 prize → ₹30 entry
* 4 Digit → ₹4500 prize → ₹40 entry
* Full Ticket (e.g. `20A12345`) → ₹10,00,000 prize → ₹50 entry
### Matching Logic
* Full Ticket ends with:
* 1 digit → 1st series win
* 12 digits → 2nd series win
* 123 digits → 3rd series win
* 1234 digits → 4th series win
* Matching any of these = win
* Win amounts credited automatically to wallet
---
## 4. All Lottery Companies & Time Slots
| # | Company Name | Time Slots (Daily) |
| - | --------------- | -------------------------------- |
| 1 | **Nagaland** | 1:00 PM, 6:00 PM, 8:00 PM |
| 2 | **Singapore** | 6:30 PM (SG Time), 4:00 PM (IST) |
| 3 | **Sikkim** | 11:55 AM, 4:00 PM, 8:00 PM |
| 4 | **West Bengal** | 12:00 PM, 4:00 PM, 8:00 PM |
| 5 | **Goa** | 1:30 PM, 6:00 PM |
| 6 | **Kerala** | 3:00 PM |
| 7 | **Punjab** | 12:00 PM, 6:00 PM |
| 8 | **Maharashtra** | 4:00 PM, 6:00 PM |
| 9 | **Mizoram** | 2:00 PM, 6:00 PM |
---
## 6. History Page
* All bets listed with win status
* Upcoming draw predictions marked active
* Full ticket view available
---
## 7. Home Page (Result View)
* **Recent Published Result** displayed at top (with company, time, numbers)
* **Search**: Search by full ticket number or result number
* **Filter**: Company dropdown + Time Slot
* **Previous Results** listed below (last few draws shown chronologically)
* **Result Display Format:**
* Company Name
* Draw Date & Time
* Winning 4-Digit Number
* Full Ticket Number
* Image (JPG/PDF from Admin Panel)
* Download Option
## 9. Admin Panel (Deep Maroon Theme)
### Dashboard
* Today’s Total Bet
* Today’s Total Win
* Total Users
* Active Predictions
## Admin Modules — Logic Connections
### 1. **Company Management**
* **Connects to**: Home Page, LottoPro (Prediction Page), Result Upload
* **Purpose**: Add/edit/delete lottery companies and set their time slots.
* **Effect on App**:
* Users can select companies during prediction.
* Filters on Home Page use this data.
---
### 2. **Add/Edit Results**
* **Connects to**: Home Page (Results), Prediction History, Win Processing
* **Purpose**: Admin inputs 4-digit + full ticket results & uploads image.
* **App Workflow**:
* Admin first selects the **Company**.
* Picks the **Time Slot** from that company’s schedule.
* Enters the **Winning 4-Digit Number** and the **Full Ticket Number**.
* Uploads the result **image (JPG/PDF)**.
* Once the draw time has passed, all user entries for that draw show as **Processing** in app.
* Upon result upload, system automatically:
* Matches tickets
* Distributes win amounts to user wallets
* Updates status in **Prediction History**
* Displays the result on Home Page
* Enables users to download/view the result image.
---
### 3. **Customer Management**
* **Connects to**: Profile Page, Wallet Logs, History Page
* **Purpose**: View & manage user details (Name, Mobile, UPI, Wallet).
* **Features**:
* View each user's bets, wins, transaction logs.
---
### 4. **Wallet Manager**
* **Connects to**: Wallet Section (Profile Page)
* **Purpose**: Admin can Add/Withdraw money to any user wallet.
* **Logs**: Each entry shows source (Bet, Win, Top-up, Withdrawal).
---
### 5. **Betting Logs**
* **Connects to**: History Page, Admin Dashboard Cards
* **Purpose**: View total bets, amounts, and active bet users.
* **Logic**:
* Real-time tracking of bet amounts per draw.
* Used to calculate total bet vs win per time slot.
---
### 6. **Push Notifications**
* **Connects to**: App-wide top notification icon
* **Purpose**: Send alert to users (Result published, Win update, Bonus, etc.)
* **Visible In**: Notification bell on top-right corner of app.
---
### 7. **Admin Roles & Permissions**
* **Connects to**: Entire Admin Panel
* **Purpose**: Add sub-admins and control access (e.g., result editors, wallet-only staff).
* **Security**: Prevent unauthorized access or edits.