React Native Dating App With Backend

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

Note

This starter kit is supported with backend. However, you can purchase just the UI part at $100 available here.
Take a look at the Flutter UI version of this product available here.

React Native Dating App With Backend

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
React Native Dating App With Backend

Admin Web Dashboard

  • Admin Dashboard for Analytics with detailed information
  • Available with list of all registered users
  • Activate / Deactivate users's profile
  • Settings
React Native Dating App With Backend

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

React Native Dating App With Backend

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

BROUGHT TO YOU BY

Start building your app today!

Get Started