GIF React Native Dating App With Backend

React Native Dating App With Backend

The ideal starter kit / app script with all the needed UI elements alongwith Redux, NativeBase, CodePush and backend integration (Express, Node, MongoDB and Cloudinary) to build your iOS and Android dating app


6 Months Support
Development Environment
Demo Available

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.

  • ● Login
  • ● Discover new people
  • ● Matches
  • ● Chat
  • ● Profile
  • ● Profile with photo slider
  • ● Add a photo
  • ● Settings

React Native Dating App With Backend

Note

This starter kit is supported with backend. However, you can purchase just the UI part at $100. View the Dating App UI theme.

React Native Dating App With Backend

Backed with Strong Backend

  • Node.js
  • Cloudinary
  • MongoDB
  • REST API
  • JWT Login
  • ES6
  • Express
  • Passport for authentication

Lovable Features

  • Tinder like Swipe feature with NativeBase's Deck Swiper
  • Users can login via Facebook
  • Profile data namely, Profile Picture, Gender, Age Range, First Name, Last Name and Email are fetched from the user's Facebook profile
  • Fetching nearby users
  • Saving a vote, i.e., keeps a record of all the responses of a user while swiping a card( nearby user ), namely, like and dislike
  • Fetching Matches: A match is formed only if two users swipe-right( like ) each other
  • Theme specific features such as like, dislike and more
  • Power-packed with Redux, NativeBase, React Native Router Flux
  • Integrated with CRNA and Expo
  • Single JavaScript code base for iOS & Android
React Native Dating App With Backend

Quick look to the available features

Features UI screens Back-end integration
Login with Facebook
Home screen: Swipable user cards
User Profiles on home screen
Own user Profile
It's a Match
Edit profile
Chat
Profile with photo slider
Settings 'Search distance' and 'Logout' only

Perfectly native look and feel with React Native

Eye soothing UI with awesomely smooth UX!

React Native Dating App With Backend

Roadmap

  • Push notification
  • Chat integration
  • Superlike functionality
  • Profile settings
  • Edit profile: Add photos, About you
  • Profile settings: gender, age preferences, delete account

Package

Frontend

  • expo: ^15.1.0
  • ● react: ~15.4.0
  • react-native: 0.42.3
  • ● @ptomasroos/react-native-multi-slider: 0.0.4
  • ● cloudinary-core: ^2.1.6
  • ● lodash: ^4.17.2
  • ● moment: ^2.13.0
  • native-base: 2.1.0-rc.2
  • ● react-native-camera-roll-picker: ^1.1.9
  • ● react-native-gifted-chat: 0.0.10
  • ● react-native-looped-carousel: 0.0.12
  • ● react-native-modalbox: ^1.3.4
  • ● react-native-router-flux: ^3.38.0
  • ● react-native-multi-slider: ^0.3.5
  • ● react-native-scrollable-tab-view: ^0.7.2
  • ● react-native-swiper: ^1.4.11
  • ● react-native-tabs: ^1.0.9
  • ● react-native-viewpager: ^0.2.11
  • ● react-redux: ^4.4.5
  • redux: ^3.5.2
  • ● redux-logger: ^2.7.4
  • ● redux-persist: ^3.2.2
  • ● redux-thunk: ^2.1.0
  • ● @expo/vector-icons: ~4.0.0
  • ● react-native-scripts: 0.0.26
  • ● jest-expo: ^0.3.0
  • ● react-test-renderer: ~15.4.1
  • ● babel-jest: 17.0.0
  • ● babel-preset-react-native: 1.9.0
  • ● chai: ^3.5.0
  • ● eslint-plugin-jsx-a11y: ^3.0.2
  • ● jest: 17.0.0
  • ● jest-react-native: 17.0.0
  • ● mocha: ^2.5.3
  • ● remote-redux-devtools: ^0.3.3
  • ● remote-redux-devtools-on-debugger: ^0.4.6

Backend

  • ● bcrypt: ^0.8.7
  • ● bluebird: ^3.1.4
  • ● body-parser: ^1.14.2
  • ● cloudinary: ^1.4.6
  • ● compression: ^1.6.1
  • ● cookie-parser: ^1.4.1
  • ● cors: ^2.7.1
  • ● debug: ^2.2.0
  • express: 4.14.0
  • ● express-jwt: 3.4.0
  • ● express-validation: 1.0.0
  • ● express-winston: ^1.2.0
  • ● helmet: 2.1.1
  • ● http-status: ^0.2.0
  • ● joi: 8.4.2
  • ● jsonwebtoken: 7.1.9
  • ● method-override: ^2.3.5
  • mongoose: ^4.3.7
  • ● morgan: 1.7.0
  • ● winston: ^2.1.1
  • ● passport: ^0.3.2
  • ● passport-jwt: ^2.1.0
  • ● babel-cli: 6.5.1
  • ● babel-core: ^6.9.1
  • ● babel-plugin-add-module-exports: 0.1.2
  • ● babel-preset-es2015: 6.5.0
  • ● babel-preset-stage-2: 6.5.0
  • ● chai: ^3.4.1
  • ● commitizen: ^2.8.2
  • ● coveralls: ^2.11.6
  • ● cz-conventional-changelog: 1.1.5
  • ● del: ^2.2.0
  • eslint: ^1.10.3
  • ● eslint-config-airbnb: 5.0.1
  • ● ghooks: ^1.2.4
  • gulp: 3.9.1
  • ● gulp-babel: 6.1.2
  • ● gulp-env: ^0.4.0
  • ● gulp-eslint: ^1.1.1
  • ● gulp-istanbul: 1.0.0
  • ● gulp-load-plugins: ^1.2.0
  • ● gulp-mocha: ^2.2.0
  • ● gulp-newer: ^1.1.0
  • ● gulp-nodemon: ^2.0.6
  • ● gulp-plumber: ^1.0.1
  • ● gulp-sourcemaps: ^1.6.0
  • ● gulp-util: ^3.0.7
  • ● isparta: 4.0.0
  • ● mocha: 2.5.3
  • ● run-sequence: ^1.1.5
  • ● supertest: ^1.1.0
  • ● supertest-as-promised: 3.1.0
  • ● validate-commit-msg: ^2.6.1

BROUGHT TO YOU BY

Start building your app today!

Get Started