
React Native Dating App With Backend v 3.2.0
Tinder like React Native Dating Backend App for iOS & Android. Offers Mobile App, Admin Dashboard, API Server with necessary features like profile match, chat, tinder like swipe & lots more. This backend app is built using NativeBase, React Navigation, GraphQL, Apollo Client.
Note: This Product is a pure React Native application.
Development Environment
All the screens you'd want!
Fully customizable, ready-to-use screens for users with easily configurable application design, and the right UX for a Dating App.
- ● Facebook Login
- ● Instagram Login
- ● Discover new people
- ● Matches
- ● Account
- ● Chat
- ● Profile Details
- ● Edit Profile
- ● Photo Upload
- ● Select Interests
- ● Settings

Application Features
- Power-packed with React, React Native, NativeBase, React Navigation
- Apollo Server, Apollo Client implementation
- Single JavaScript Codebase for iOS & Android
- Tinder like Swipe feature
- Login options available using Facebook and PhoneNumber
- User can connect his/her account with Instagram and Spotify
Lovable Features
- Facebook Login
- Fetching nearby users
- Instagram Integration
- Edit profile: Upload & delete image
- Chat with matched profile
- Users can filter their choice based on Gender, Distance & Age
- Users can activate / deactivate / delete their profiles
- Push notification for Chat and Matches
- Fetching Matches when two users swipe right
- Profile details (Profile Picture, Gender, Age Range, First Name, Last Name and Email) are fetched from user's Facebook profile
Newly Added Features in Mobile App
- Login with phone number and OTP
- Taking user gender manually after login
- Report and unmatch user
- Recent matched user notification
- Paid membership plans for users
- Payment handled by Razorpay

Admin Web Dashboard
- Admin Dashboard for Analytics with detailed information
- Available with list of all registered users
- Activate / Deactivate users's profile
- Settings

Newly Added Features in Admin Dashboard
- Admin will be able to see user details
- Admin will be able to see reported users and can delete them
- Admin can add configuration details which will be used in mobile app from dashboard
- Update profile, create admin, change password
Perfectly native look and feel with React Native
Take a look at our Detailed Product Page

Package
React Native Dating App With Backend
- ● @apollo/client: ^3.1.4
- ● @invertase/react-native-apple-authentication: ^2.0.2
- ● @ptomasroos/react-native-multi-slider: ^2.2.2
- ● @react-native-community/async-storage: ^1.12.0
- ● @react-native-community/cookies: ^4.0.1
- ● @react-native-community/datetimepicker: ^3.0.1
- ● @react-native-community/masked-view: ^0.1.10
- ● @react-native-community/picker: ^1.6.6
- ● @react-native-community/viewpager: ^4.1.6
- ● @sentry/react-native: ^1.7.2
- ● babel-polyfill: ^6.26.0
- ● crypto-js: ^3.1.9-1
- ● graphql: ^14.5.4
- ● jwt-decode: ^3.0.0-beta.2
- ● moment: ^2.27.0
- ● native-base: ^2.13.14
- ● optimism: ^0.12.1
- ● patch-package: ^6.2.2
- ● prop-types: ^15.7.2
- ● react: ^16.13.1
- ● react-native: ^0.63.2
- ● react-native-android-location-services-dialog-box: ^2.8.2
- ● react-native-carousel: ^0.12.0
- ● react-native-code-push: ^6.3.0
- ● react-native-confirmation-code-field: ^6.5.0
- ● react-native-elements: ^2.2.1
- ● react-native-fast-image: 8.3.2
- ● react-native-fbsdk: ^2.0.0
- ● react-native-geolocation-service: ^5.0.0
- ● react-native-gesture-handler: 1.7.0
- ● react-native-gifted-chat: 0.16.3
- ● react-native-i18n: ^2.0.15
- ● react-native-image-picker: ^2.3.3
- ● react-native-keyboard-aware-scroll-view: ^0.9.2
- ● react-native-linear-gradient: 2.5.6
- ● react-native-modal-datetime-picker: ^8.9.3
- ● react-native-modalbox: ^2.0.0
- ● react-native-onesignal: 3.9.0
- ● react-native-permissions: ^2.1.5
- ● react-native-phone-input: ^0.2.4
- ● react-native-radio-buttons-group: ^1.0.7
- ● react-native-razorpay: ^2.1.33
- ● react-native-reanimated: ^1.13.0
- ● react-native-safe-area-context: ^3.1.4
- ● react-native-screens: ^2.10.1
- ● react-native-snap-carousel: ^3.9.1
- ● react-native-splash-screen: ^3.2.0
- ● react-native-swipe-cards: ^0.1.1
- ● react-native-vector-icons: 7.0.0
- ● react-native-webview: ^10.7.0
- ● react-navigation: ^4.4.0
- ● react-navigation-stack: ^2.8.2
- ● react-navigation-tabs: ^2.9.0
- ● react-reactive-form: ^1.0.32
- ● rn-fetch-blob: github:joltup/rn-fetch-blob#master
- ● save: ^2.4.0
- ● subscriptions-transport-ws: ^0.9.14
- ● @babel/core: ^7.11.1
- ● @babel/runtime: ^7.11.2
- ● @react-native-community/eslint-config: ^2.0.0
- ● babel-eslint: ^10.1.0
- ● babel-jest: ^26.3.0
- ● eslint: ^7.7.0
- ● eslint-config-prettier: ^6.11.0
- ● eslint-plugin-import: ^2.22.0
- ● eslint-plugin-jsx-a11y: ^6.3.1
- ● eslint-plugin-prettier: ^3.1.4
- ● eslint-plugin-react: ^7.20.6
- ● eslint-plugin-react-native: ^3.8.1
- ● jest: ^26.4.0
- ● lodash: ^4.17.20
- ● metro-react-native-babel-preset: ^0.62.0
- ● prettier: ^2.0.5
- ● prettier-eslint: ^11.0.0
- ● react-test-renderer: ^16.13.1