React Native Mobile Apps Creation

Here is your final cleaned-up scope of work with no emojis, ready to share with your freelancer or post publicly.


---

FINAL SCOPE OF WORK

Project: React Native + WebView Mobile Apps (User & Partner) – ₹20,000 Fixed

Timeline: 10–12 Days
Platforms: Android & iOS
Tech Stack: React Native + Expo, Firebase FCM, Razorpay SDK, WebView, Google Maps, Camera, Node.js backend integration

1. Dual App Setup (Single Codebase)

Build using React Native + Expo

Create two separate apps:

User App: for customers to browse and order

Partner App: for vendors to manage their profile/orders


Each app will have:

Different app name, icon, splash screen, bundle ID

Custom home screen behavior based on role


Use AsyncStorage to persist login/session locally

Auto-load saved user/partner dashboard on app open



2. WebView Integration

Use react-native-webview to load URLs (e.g. https://app.example.com/user, https://app.example.com/partner)

Inject token/session securely via injectedJavaScript

Restrict WebView to whitelisted domains (*.mangwale.ai)

Ensure chatbot (already present on the site) functions smoothly:

Floating UI

Keyboard input

Scroll handling

Mic button compatibility (future)



3. Native SDK Integrations

Razorpay SDK

Secure native payment integration

Accept UPI, card, wallet

Validate payment response via backend


Firebase FCM

Push notifications for:

New order

Order status

Refunds

Chat messages


Handle background and foreground messages


Location & Maps

Get location using Expo Location API

Open Google Maps where needed


Camera / File Upload

Integrate expo-camera or expo-image-picker

Allow document/photo upload (e.g. KYC, proof of delivery)



4. Dynamic Notification Sounds (Driven by Backend)

Backend (Node.js) will send sound field in FCM payload (e.g. sound: "partner_new_order.mp3")

Developer must:

Package .mp3 files for Android in android/app/src/main/res/raw/

Package .wav files for iOS in Xcode Resources

Ensure correct sound plays based on event and role

Handle unknown sound file names with fallback

Optionally play sound manually in foreground using expo-av



Example Sound Mapping

Event Role Sound File

New Order Partner partner_new_order.mp3
Refund Issued User user_refund.mp3
Order Canceled Partner partner_cancel.mp3
Chat Message Both chat_ping.mp3



---

5. Web Responsiveness Fixes (React.js Site)

Audit current site inside WebView

Fix mobile layout issues:

Scroll

Chatbot positioning

Cart and login flow


Collaborate with frontend team if needed



---

6. Testing & Delivery

Deliver fully working builds:

Android APK (User and Partner)

iOS TestFlight builds (User and Partner)


Device testing across screen sizes

GitHub handoff with full code and setup notes



---

Payment Terms (Fixed ₹20,000 INR)

Milestone Deliverables Amount

Milestone 1 WebView setup, dual routing, session logic ₹7,000
Milestone 2 Native SDKs, chatbot integration, AsyncStorage ₹7,000
Milestone 3 Dynamic notification sounds, Android and iOS builds, code handoff ₹6,000



---

Developer Must Have

Experience with React Native WebView

Firebase FCM integration with sound support

Razorpay or similar payment SDK integration

Familiarity with Expo app deployment (Android and iOS)

Ability to manage secure session storage and token injection

Experience using GitHub for source control



Provided by Client

React.js web platform

Firebase project credentials

Razorpay test keys

Notification sound file names or audio assets

App branding (name, icons, splash screens)