(Dev Task: Cross-Platform Mobile App + Web Admin - Core: Dynamic Content Display & UI Replication)
Budget: $250 – $750 USD
1. Goal:
Develop a cross-platform Mobile App (iOS/Android) and a Web Admin Panel.
Purpose: To simulate centralized information access for demonstration only.
Constraint: Strictly NOT for production use. No real data, basic security, performance/scalability are not requirements.
2. Core Components:
Cross-Platform Mobile App
Web Admin Panel
Backend API
Simple Database
3. Key Principles / Requirements:
UI Fidelity (Highest Priority): Mobile App UI must exactly replicate the provided visual designs.
Backend-Driven Content: All information displayed in the app (beyond login/PIN) is read-only to the user and must be manually managed via the Web Admin Panel.
4. Key Features:
Mobile App:
Login (Username/Password) & Mock PIN Authentication.
View Dynamically Fetched Info: Display user profile, ID card details, driver's license, complex financial summaries (tax, CPF history), family details (marital, children lists), service info, etc. – all read-only.
QR Code Scan: Scan standard web URLs -> Open in external browser.
View In-App Messages (Inbox style, read-only).
Receive simple Push Notifications.
Web Admin Panel:
Manage Demo Users: CRUD operations, including setting core profile fields (Name, IDs, DOB, etc.) and Mock PIN.
Manage App Content (Crucial):
Create/edit content blocks displayed in the app (e.g., Finance details, Family lists, Service descriptions).
Input content as plain text OR structured JSON strings (manually entered/pasted into text fields) for complex layouts or lists (like CPF history, children).
Send In-App Messages to users (single/all).
Trigger Push Notifications to users (single/all).
5. Technical Approach:
Mobile: Use a cross-platform framework.
Backend: Use a standard web framework for API and Admin Panel.
Database: Use a simple relational or NoSQL database. (Specific technology choices are flexible but should support the requirements efficiently).
6. Data Handling Summary:
Admin manually inputs all displayable data.
Backend stores core user info in a Users table and flexible/complex content in an AppContent table (using JSON in a text field for structure/lists).
API serves this data to the Mobile App.
Mobile App parses JSON data where necessary and renders the UI dynamically based on the fetched content and the designs.
7. Deliverables:
Mobile App builds (iOS/Android) & Source Code.
Web Backend System Source Code & Basic Deployment Guide.
Database Schema (SQL/Migration files).
Basic API Documentation.
Develop a cross-platform Mobile App (iOS/Android) and a Web Admin Panel.
Purpose: To simulate centralized information access for demonstration only.
Constraint: Strictly NOT for production use. No real data, basic security, performance/scalability are not requirements.
2. Core Components:
Cross-Platform Mobile App
Web Admin Panel
Backend API
Simple Database
3. Key Principles / Requirements:
UI Fidelity (Highest Priority): Mobile App UI must exactly replicate the provided visual designs.
Backend-Driven Content: All information displayed in the app (beyond login/PIN) is read-only to the user and must be manually managed via the Web Admin Panel.
4. Key Features:
Mobile App:
Login (Username/Password) & Mock PIN Authentication.
View Dynamically Fetched Info: Display user profile, ID card details, driver's license, complex financial summaries (tax, CPF history), family details (marital, children lists), service info, etc. – all read-only.
QR Code Scan: Scan standard web URLs -> Open in external browser.
View In-App Messages (Inbox style, read-only).
Receive simple Push Notifications.
Web Admin Panel:
Manage Demo Users: CRUD operations, including setting core profile fields (Name, IDs, DOB, etc.) and Mock PIN.
Manage App Content (Crucial):
Create/edit content blocks displayed in the app (e.g., Finance details, Family lists, Service descriptions).
Input content as plain text OR structured JSON strings (manually entered/pasted into text fields) for complex layouts or lists (like CPF history, children).
Send In-App Messages to users (single/all).
Trigger Push Notifications to users (single/all).
5. Technical Approach:
Mobile: Use a cross-platform framework.
Backend: Use a standard web framework for API and Admin Panel.
Database: Use a simple relational or NoSQL database. (Specific technology choices are flexible but should support the requirements efficiently).
6. Data Handling Summary:
Admin manually inputs all displayable data.
Backend stores core user info in a Users table and flexible/complex content in an AppContent table (using JSON in a text field for structure/lists).
API serves this data to the Mobile App.
Mobile App parses JSON data where necessary and renders the UI dynamically based on the fetched content and the designs.
7. Deliverables:
Mobile App builds (iOS/Android) & Source Code.
Web Backend System Source Code & Basic Deployment Guide.
Database Schema (SQL/Migration files).
Basic API Documentation.