React Native Dating App Theme With Backend

We have just added a new full app theme on our website NativeBase Market, React Native Dating App With Backend Integration. It’s an ideal starter kit with all the needed UI elements and backend integration to build an iOS and Android Dating App like Tinder.

Let’s see what we have in the theme in a nutshell:

• 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, Codepush, NativeBase, Navigation Experimental.
• Single JavaScript code base for iOS & Android.

We have the following screens available:

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

Backend technologies:

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

Available with well described documentation that includes ER Diagrams, Sequence Diagrams.

ER Diagram

Sequence Diagram

Roadmap:

We will be including the below mentioned features soon and will improve the app-

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

Check out the product here React Native Dating App Theme With Backend and do let us know your thoughts.

Thanks for reading the article. Please share and recommend if you like it.