React Native App Developer
Budget: $30 – $250 USD
This project involves converting a Figma app design into a fully functional React Native application for both Android and iOS. below is complete requirement.
https://www.figma.com/design/0cNuWhp2MQtaNS0yK0fdeW/SnapDream---ai-art-generator?node-id=102-801&p=f&t=6kG5EIDi1fpDvSfb-0
Job Requirements
-->Development Framework
Must use Expo to create the app (do not use React Native CLI).
Configure and use Expo Dev Client for native module support.
Docs: [https://docs.expo.dev/versions/latest/sdk/dev-client/](https://docs.expo.dev/versions/latest/sdk/dev-client/)
-->App Development
* Build a fully functional iOS and Android app based on the provided Figma designs.
* Use TypeScript for the entire project.
* Use functional components only.
* All styling must use NativeWind (Tailwind CSS).
Docs: [https://www.nativewind.dev/docs/getting-started/installation](https://www.nativewind.dev/docs/getting-started/installation)
* Implement the same font family used in the Figma design (confirm with designer if unclear).
* Use React Navigation – Native Stack Navigator for all navigation flows.
Docs: [https://reactnavigation.org/docs/native-stack-navigator/](https://reactnavigation.org/docs/native-stack-navigator/)
* Keep screen files under 350 lines; break UI and logic into reusable custom components.
* Maintain a clean and scalable folder structure.
* Separate all components, hooks, utilities, and types (e.g., types.ts or a types/ directory).
--> Integrations & Features
* Implement in-app purchases using RevenueCat for both iOS and Android.
* Integrate the Facebook SDK (login/analytics as required).
* Implement remote push notifications on both platforms.
* Set up Firebase Analytics (project details will be provided).
* Implement Firebase Authentication (methods confirmed with team).
* Use Firebase Firestore as the primary database (schemas provided by in-house developers).
* Integrate Google Mobile Ads (AdMob) for monetization (banner, interstitial, rewarded).
* Integrate Supabase where required.
* Add shimmer/skeleton loading effects on screens for improved UX.
* Implement store review prompts for App Store and Play Store.
* Add toast messages for feedback (success, error, info).
* Use Jotai for global state management.
* Use SVG icons exported from Figma (no PNGs unless explicitly required).
* Ensure all third-party packages work with Expo + Expo Dev Client (use config plugins when needed).
--> Collaboration
* Coordinate with the internal development team regarding:
* Database schemas
* APIs
* Assets (icons, images, fonts)
--> Performance & Code Quality
* Follow best performance practices (lazy loading, memoization when needed).
* Use EAS Build + EAS OTA Updates (configure runtimeVersion correctly).
* OTA updates should only be for JS/UI changes.
* Ensure backward compatibility.
* Use Yarn for dependency management.
* Push code to GitHub daily (to an individual branch) with meaningful commit messages.
* Write clean, readable, well-documented code with comments for complex logic.
https://www.figma.com/design/0cNuWhp2MQtaNS0yK0fdeW/SnapDream---ai-art-generator?node-id=102-801&p=f&t=6kG5EIDi1fpDvSfb-0
Job Requirements
-->Development Framework
Must use Expo to create the app (do not use React Native CLI).
Configure and use Expo Dev Client for native module support.
Docs: [https://docs.expo.dev/versions/latest/sdk/dev-client/](https://docs.expo.dev/versions/latest/sdk/dev-client/)
-->App Development
* Build a fully functional iOS and Android app based on the provided Figma designs.
* Use TypeScript for the entire project.
* Use functional components only.
* All styling must use NativeWind (Tailwind CSS).
Docs: [https://www.nativewind.dev/docs/getting-started/installation](https://www.nativewind.dev/docs/getting-started/installation)
* Implement the same font family used in the Figma design (confirm with designer if unclear).
* Use React Navigation – Native Stack Navigator for all navigation flows.
Docs: [https://reactnavigation.org/docs/native-stack-navigator/](https://reactnavigation.org/docs/native-stack-navigator/)
* Keep screen files under 350 lines; break UI and logic into reusable custom components.
* Maintain a clean and scalable folder structure.
* Separate all components, hooks, utilities, and types (e.g., types.ts or a types/ directory).
--> Integrations & Features
* Implement in-app purchases using RevenueCat for both iOS and Android.
* Integrate the Facebook SDK (login/analytics as required).
* Implement remote push notifications on both platforms.
* Set up Firebase Analytics (project details will be provided).
* Implement Firebase Authentication (methods confirmed with team).
* Use Firebase Firestore as the primary database (schemas provided by in-house developers).
* Integrate Google Mobile Ads (AdMob) for monetization (banner, interstitial, rewarded).
* Integrate Supabase where required.
* Add shimmer/skeleton loading effects on screens for improved UX.
* Implement store review prompts for App Store and Play Store.
* Add toast messages for feedback (success, error, info).
* Use Jotai for global state management.
* Use SVG icons exported from Figma (no PNGs unless explicitly required).
* Ensure all third-party packages work with Expo + Expo Dev Client (use config plugins when needed).
--> Collaboration
* Coordinate with the internal development team regarding:
* Database schemas
* APIs
* Assets (icons, images, fonts)
--> Performance & Code Quality
* Follow best performance practices (lazy loading, memoization when needed).
* Use EAS Build + EAS OTA Updates (configure runtimeVersion correctly).
* OTA updates should only be for JS/UI changes.
* Ensure backward compatibility.
* Use Yarn for dependency management.
* Push code to GitHub daily (to an individual branch) with meaningful commit messages.
* Write clean, readable, well-documented code with comments for complex logic.