Please build me OpenVPN client mobile app for Android and IOS.
We already have the UIUX design in Figma for you to convert into Android and IOS views.
The app should be able to synchronize .ovpn profiles by api call, for which we will provide the api for you.
Please note that you will have to build up OpenVpn connection framework by youself, you may use open source project for a start or by your own.
The app includes the following pages:
1. VPN Connect page:
- Connect button event: Clicking it will make connection to the OpenVPN profile that selected in the Server Select Page.
- There should a loading progress bar, please complete the animation for it during connection.
- The connect button becomes a disconnect button after successful openvpn connection and vice versa.
2. Server Select page
- The list of Vpn Profile are displayed in list view, showing their countries/ Server name with their level of services (in 1-3 stars)
- The list of Vpn Profile should be fetched from Api call together with the user credentials
- User should be able to search for any openvpn profiles and filter by stars by clicking the search icon button and then search in the searching page
3. Connect History page
- The page should display the connected history of OpenVpn profile
- User can perform quick connect to those profiles by clicking the history record
- Remove any history records that are not found in the OpenVpn profile sychronization Api call
4. Login page (UIUX designed by you)
- This could be a pop up for user to login (login Api will be provided)
- Simple username and password
5. Simple user profile (UIUX designed by you)
- This could be within the same page of the login page, after successful login the user should be able to access the user profile.
- User profile should display the personal information including username, email address, license purchased (in simple layout)
- User can logout from the profile
6. Lucky draw page
- User should be able to fetched lucky chests by api call randomly (Api will be provided)
- User should be able to select the lucky chest and open it
- Opening lucky chest would make an api call to the server and get any prize result, the prize may be coupon, license keys or redeem codes or nothing
- The lucky chests are differentiated into different level 1-3 stars, more stars mean more valuable prize user can get
For more details, please discuss with me and leave your proposal.