This repo contains real screen outputs from the MyanWin2D mobile app, built with React Native. It's a visual-only development showcase — no code is shared here. All UI was built directly with code, not with design tools like Figma.
The Signup Screen is the entry point of the MyanWin2D mobile app.
Since the app involves stock market prediction with win/loss outcomes, users are required to sign up before participating. This is done to:
- ✅ Track user identity for managing payouts
- ✅ Ensure each prediction is tied to a unique account
Login options include:
- Email – a simple, widely supported method
- Google – for users who prefer one-tap sign-in
- Telegram – selected due to its high usage rate in Myanmar
🛑 Age or region restrictions are not enforced. Signup is open to all users.
📌 Only a visual preview is shown. Source code and backend logic are not included for intellectual property protection.
📷 Screenshot Preview:
The Login Screen provides returning users with access to the MyanWin2D app.
It supports the same sign-in options introduced during signup, allowing users to log in with:
- Telegram
This ensures consistency across user sessions and simplifies access for users who prefer one-tap or chat-based logins.
🔁 All login methods are optional during signup, but required to re-enter the app.
📌 Only a visual preview is included. Codebase and backend logic remain private.
📷 Screenshot Preview:
The Forgot Password Screen helps users recover their account access if they forget their login credentials.
This screen only supports Email-based recovery, as email is the primary and most consistent login method across users.
📩 Users enter their registered email to receive a recovery link.
🚫 Google and Telegram logins do not support password-based recovery.
📌 This is a visual-only preview. No code or backend logic is shared.
📷 Screenshot Preview:
The Code Confirmation Screen is part of the account recovery process.
- After users request a password reset via email, they receive a numeric code.
- This screen allows users to enter the reset code to verify their identity.
- Input fields are designed as separate boxes for each digit to improve clarity and reduce input errors.
- Users can easily return to the login screen or access customer support from here.
🔒 This verification step ensures only authorized users can reset their password.
📌 Visual preview only; backend logic is kept private for intellectual property protection.
📷 Screenshot Preview:
The Search Agent Screen allows users to browse and find verified agents who support deposits, withdrawals, or assistance.
- Search Bar: Filter agents by name or Agent ID
- Agent List View:
- 🧑 Agent Name
- 🆔 Agent ID (unique identifier)
- 💰 Accepted Payment Methods (displayed with recognizable icons like WavePay, KBZPay, etc.)
This screen enhances user trust and transaction safety by providing a clear and searchable list of authorized agents.
🧾 This is a read-only UI preview. Real-time data and payment integrations are handled privately in the backend.
📷 Screenshot:
After selecting an agent from the Search Agent Screen, users are guided to the How to Deposit Screen, which provides a secure and clear 2-step process to complete a deposit.
This step displays the list of payment methods accepted by the selected agent.
Each method includes:
- 📛 Payment Provider Name (e.g., KBZPay, WavePay)
- 💳 Agent’s Payment Number or QR Code
- 🖼️ Visual Icon for each payment method
These options are dynamically rendered based on what the agent has registered in the database. The UI automatically adjusts if agents have one or multiple options.
🔁 The design is extensible to support future payment methods without UI refactor.
Once payment is made, the user is instructed to:
- 📸 Take a screenshot of the transaction
- 💬 Send it directly to the agent’s Telegram account, which is displayed on the screen
The Telegram username is pulled from the database in real time to ensure up-to-date communication info.
🛑 Payments are made outside the app. This step is to inform the user where to send confirmation for manual verification.
📷 Screenshot Preview:
Visuals of screens built and tested on physical devices. Each image includes a short description of its role in the app flow.
- Signup Screen — user onboarding and identity tracking
- Login Screen — returning user authentication
- Forgot Password Screen — email-based account recovery
- Code Confirmation Screen — code input for password reset verification
- Search Agent | Browse and find payment agents
- Deposit Instruction screen | Instructions with payment info
More screens will be added soon...
- Framework: React Native
- Platform: Android (tested on physical device)
- Auth Options: Email, Google, Telegram
- Screenshots: Taken directly from device
- Design Tools: No external design tools were used (e.g., Figma)
🧪 In Development – Screens are being developed and shared gradually.
🚫 Codebase is private and not part of this repository.
© 2025 CVNXSolution
This project’s content (screen images) is licensed under the
Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0).
You may share and redistribute the material with proper credit, but not use it commercially or create derivatives.
All screen images in this repo were created by cvnxsolution in 2025.
They are protected under the CC BY-NC-ND 4.0 license.