We are looking to have a react native mobile application developed that utilizes Twilio's Video Call SDKs. We will need this to work for both iOS & Android (iPhone, iPad, Android Phone, Android Tablet). We will need some basic screens, and since we have a functioning backend already -- we will just need the front-end work done. These screenshots are a little different in the design colors, so we will provide the hex for our desired colors once the time is ready.
The screens we need are as follows:
1. A simple toggle screen that switches between login (email/password) & entering a code. The screenshot with (Enter Mobile Number) would be changed to say (Enter Meeting Number) & the bottom part would be the toggle for login. Screenshot titled "Login" & "Meeting-Number".
2-A. For those that login, a page is displayed with their upcoming & past consultations. See the screenshot titled "Upcoming-Past-Consults". You'll notice this is a tab-based approach, which means we will want 3 tabs at the bottom Post login: "Home" (the page that was just described), "Schedule", & "Account".
2-B. If a user goes through the login flow, and they click on the "Schedule" tab, the page will look like the picture from "Schedule-1" & "Schedule-2" (scrollview).
2-C. If a user that's logged in clicks on an upcoming appointment (Home page), it will take them to the "Schedule" tab with all of the details in that page filled out & the button saying "Start Consultation".
2-D. It will launch Twilio's Video SDK & needs to look like picture "Solo-Video". Once it's finished, it will take them back to the "Home" screen.
2-E. A basic account page (Account tab) that shows first name, last name, email, & firm name.
3-A. If a user enters a meeting number, and does not log in, they should be taken to "Waiting-Room" screen. This will just an active loading screen, connected to a WebSocket (important) that we will provide you the credentials & expected JSON responses to trigger the appropriate behavior.
3-B. Take the user to the Video Screen that's entitled "Solo-Video" once the video starts (received a message from our WebSocket).
3-C. Once the video is over, take them to wrap up page that details how long they were in the consultation & any cost associated. This page we will give you creativity (any animations are awesome), however it doesn't have to be extravagant... something simple & clean that flows with the other pages. Please note, the path without logging in (just entered a meeting number) does NOT have a tabview at the bottom.
Please share portfolio and resume.
Bu iş için 81 freelancer ortalamada $31/saat teklif veriyor
Hi there, Have done many projects on react native and have 2 years of experience on React Native. Please check my reviews and let me know . Kind regards