Sample working code for React Native
Budget: ₹12,500 – ₹37,500 INR
Hi,
I am looking for sample code in React Native for below scenarios:
UI ELEMENTS
- Capturing mobile number along with country code (dropdown for country code with name, number input only for entering number, validation on length of mobile number)
- UI Component that shows a progress bar (say 3 steps, highlight completed step in green color, current step in black and next step in grey color)
- UI with multiple cards (one card in red color and white font, one card in blue color and white font, one card in white color and black font)
- Opening another page when clicking on a card or button
- UI component for bottom navigation bar with 3-4 icons (material design icons, different treatment of current icon representing current page vs other icons that represent others pages)
- UI component to rate or show from 1 - 5 star
- UI component with search and list option - search in local db & show result, search on API and show result
- UI / card component with 3x3 grid to display different icons/text in each cell
- UI to select & show photo in a circular box
- UI component that shows a scrollable carousal of images
- UI component that shows a half screen drawer with list of options to select
- UI component that requests for permission, if not available - say for location
- UI component with slider - min, max and current value in slider selected and passed to a function
- UI component to show a nested list with counts
- UI component for settings (say a title and toggle to turn on/off)
DEVICE HANDLING
- Code that reads from offline DB and shows on UI
- Read Contacts, SMS, Incoming calls
- Send SMS, block calls
- Read device location
- Make calls
- Auto read OTP from SMS
API HANDLING
- Code that reads data from GET as well as POST API (hosted on AWS (using Python Lambda function), writes to offline DB.
- Code that reads from offline DB and posts to API (hosted on AWS (using Python Lambda function)
- Code that generates authorization token
- Code that uses token to authenticate request first
TERMS & CONDITIONS
All coding must be in React Native
Proper commenting, declaration & destruction of variables for memory optimization
Input validation to capture any junk/invalid value in APIs
Code will be tested on Android and iOS devices both. For iOS, we need to use simulator - I have a windows box/Android device only
Milestone based payment, milestone to be released post demo and code is configured/working on my local machine / AWS infra. Milestone will not be considered complete if your sample code is not working on my location machine / AWS infra.
Payment terms are NOT NEGOTIABLE. Please do not bid if you do not agree
Once you give a bid amount and timeline, no additional payment will be made and no changes will be accepted
If you do not meet the timeline, I reserve all rights to cancel the milestone without any payment
Ask all questions and get all information you need before the project is awarded. Once you accept project and ask questions that changes scope, it must be delivered within same budget. No extra payment will be made.
I am looking for sample code in React Native for below scenarios:
UI ELEMENTS
- Capturing mobile number along with country code (dropdown for country code with name, number input only for entering number, validation on length of mobile number)
- UI Component that shows a progress bar (say 3 steps, highlight completed step in green color, current step in black and next step in grey color)
- UI with multiple cards (one card in red color and white font, one card in blue color and white font, one card in white color and black font)
- Opening another page when clicking on a card or button
- UI component for bottom navigation bar with 3-4 icons (material design icons, different treatment of current icon representing current page vs other icons that represent others pages)
- UI component to rate or show from 1 - 5 star
- UI component with search and list option - search in local db & show result, search on API and show result
- UI / card component with 3x3 grid to display different icons/text in each cell
- UI to select & show photo in a circular box
- UI component that shows a scrollable carousal of images
- UI component that shows a half screen drawer with list of options to select
- UI component that requests for permission, if not available - say for location
- UI component with slider - min, max and current value in slider selected and passed to a function
- UI component to show a nested list with counts
- UI component for settings (say a title and toggle to turn on/off)
DEVICE HANDLING
- Code that reads from offline DB and shows on UI
- Read Contacts, SMS, Incoming calls
- Send SMS, block calls
- Read device location
- Make calls
- Auto read OTP from SMS
API HANDLING
- Code that reads data from GET as well as POST API (hosted on AWS (using Python Lambda function), writes to offline DB.
- Code that reads from offline DB and posts to API (hosted on AWS (using Python Lambda function)
- Code that generates authorization token
- Code that uses token to authenticate request first
TERMS & CONDITIONS
All coding must be in React Native
Proper commenting, declaration & destruction of variables for memory optimization
Input validation to capture any junk/invalid value in APIs
Code will be tested on Android and iOS devices both. For iOS, we need to use simulator - I have a windows box/Android device only
Milestone based payment, milestone to be released post demo and code is configured/working on my local machine / AWS infra. Milestone will not be considered complete if your sample code is not working on my location machine / AWS infra.
Payment terms are NOT NEGOTIABLE. Please do not bid if you do not agree
Once you give a bid amount and timeline, no additional payment will be made and no changes will be accepted
If you do not meet the timeline, I reserve all rights to cancel the milestone without any payment
Ask all questions and get all information you need before the project is awarded. Once you accept project and ask questions that changes scope, it must be delivered within same budget. No extra payment will be made.