Contact person: Business Client

Phone:Show

Email:Show

Location: Noida, India

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"Project Overview

Broadband already has a fully functional web application and admin panel for managing customers, plans, and network data.
The client now requires the development of mobile applications (Android and iOS) using the same backend APIs as the web.

The mobile application will provide customers with access to their account, plan details, WiFi management, renewal, invoices, session history, and complaint management — all in a user-friendly mobile interface.

⸻

Stakeholders
• User (Customer Application – Android & iOS)
The broadband users who can log in to the app, view account details, renew plans, view invoices, manage WiFi settings, and raise complaints.
• Admin (Web Portal – Existing)
Admin functionalities are already available on the web. The mobile app will consume admin-side APIs for all data sync but no admin app is required in this phase.

⸻

User Mobile Application

1. Login and Onboarding
• Splash Screen with brand logo and animation.
• Login using:
• Registered Username and Password.
• “Forgot Password” option to reset via OTP or email.
• Remember Me toggle for auto-login.
• Logout feature to clear session and tokens.

⸻

2. Dashboard
• Displays user profile card with:
• Name, Username, Account Number, Status (Active/Inactive).
• Connection Status (Online / Offline).
• Expiry Date with countdown bar.
• Package Name and Sub-Package Duration.
• Aadhaar upload option (if not already added).
• Account Summary section:
• Monthly Total FUP Limit.
• Daily FUP Limit.
• Remaining FUP with progress bar.
• Graphical presentation of usage percentage.
• Quick Actions:
• Renew Plan
• View Invoices
• Support / Complaint
• Logout

⸻

3. WiFi Settings
• List of available SSIDs fetched from APIs.
• Each SSID row will include:
• SSID Name.
• Password Masked Field.
• “Change” button for SSID and Password update.
• Change Flow:
• User enters new SSID name and password.
• Confirm change → API call → success message “WiFi details updated successfully.”

⸻

4. Connected Devices
• Display list of all connected devices with:
• Serial Number
• Device Name
• MAC Address
• Connection Type (WiFi / LAN)
• IP Address
• Real-time Refresh Option to update connected device list.
• Optional future addition:
• Block / Unblock device (if API provided).

⸻

5. Renewal Module

A. Renewal Configuration
• User can select a package and sub-plan:
• Dropdown list (Package Name + Speed Tier).
• Dropdown list for sub-plan (3 months / 6 months / 12 months).
• Auto-fetch price and total payable amount.

B. Renewal Summary
• New expiry date auto-calculated and displayed.
• Total amount breakdown:
• Plan Price.
• Default / Additional Charges.
• Discounts.
• Tax.
• Final Total.

C. Payment Integration
• Supported Payment Methods:
• Online (UPI / Debit / Credit / Net Banking).
• Offline (Paid by Cash / Cheque – manual entry).
• Success Screen:
• Plan renewed successfully message.
• Updated expiry date.
• Download / View Invoice.

D. Renewal History
• List of all previous renewals with:
• Date
• Package Name
• Duration
• Amount Paid
• Status (Completed / Pending).

⸻

6. Complaints Module
• User can raise new complaint using form:
• Complaint Type (dropdown).
• Subject.
• Description.
• Option to upload image (optional).
• Restrictions:
• User cannot raise new complaint until the current one is resolved.
• Complaint Status Tabs:
• Open
• Processed
• Resolved
• Closed
• Push notifications for updates at every stage.

⸻

7. Change Portal Password
• Screen with two input fields:
• New Password.
• Confirm Password.
• Validation for matching fields.
• Submit → API call → Success toast “Password updated successfully.”

⸻

8. Invoice Management

A. Paid Invoices
• List of paid invoices showing:
• Receipt Date.
• Paid Amount.
• Payment Method.
• Bank Name / Ref ID / Cheque Date.
• Comments (if available).

B. Payment Details
• Displays transactions with:
• Receipt No.
• Payment Date.
• Mode of Payment (Cash / Online).
• Amount Paid.
• Reference IDs.

C. Ledger Statements
• Tabular display of all ledger records:
• Date.
• Invoice Number.
• Status (Paid / Pending).
• Content (Plan Details).
• Credit / Debit amount.
• Option to Download Ledger PDF for record keeping.

⸻

9. Session History
• View broadband session details including:
• Date Range filter (From – To).
• Upload Data (GB).
• Download Data (GB).
• Total Data Used (GB).
• Total Online Time.
• Detailed table view for each session:
• Username.
• MAC Address.
• Start Time.
• End Time.
• Total Duration.
• Package Name.
• Session ID.
• Option to Export Data (CSV / Excel).

⸻

10. Notifications
• Push Notifications (via FCM / APNs) for:
• Plan expiry reminders.
• Payment success/failure.
• Complaint updates.
• Admin announcements.
• In-app notification center to view message history.

⸻

11. Settings / Miscellaneous
• Change Language (if required in future).
• Dark / Light theme toggle.
• Privacy Policy and Terms of Service.
• App version & support contact.
• Logout.

⸻

Admin (No separate mobile module)
• Admin panel already exists in web.
• Only APIs from admin panel will be consumed for all mobile features.
• Push notification management will be controlled from Admin Web.

⸻

Technical Details
• Frontend: Flutter (recommended) / React Native.
• Backend: Existing (APIs provided by client).
• Database: Firebase or Local SQLite for caching.
• Notifications: Firebase Cloud Messaging (FCM).
• Payment Gateway: Integrated via provided APIs.
• Security: HTTPS, encrypted tokens, SSL pinning (optional).
• App Compatibility: Android 10+, iOS 13+.
• App Deployment: Google Play & Apple App Store (client accounts).

⸻

Deliverables
• Fully functional Android & iOS mobile apps.
• API integration with client’s backend.
• QA-tested and UAT-approved builds.
• Play Store and App Store submissions.
• Deployment documentation and API mapping sheet.
• One-month free post-launch support." (client-provided description)