Recraft React native Dating App

This dating app is a boilerplate for any react native developer who wants to build a dating app. The goal of this boilerplate is to provide a fully functional dating app which can be reused with very little to no modification.

Note

You can also get the app on play store https://play.google.com/store/apps/details?id=com.recraftreactnativedatingapp

Documentation

• Installation
• Run the Project in Development Mode
• Folder Structure
• Constants
• Themes
• Languages
• Pages
• Available Hooks

Browse the full documentation on ( https://documentation.recraftrelic.com/datingapp/docs/Installation/ )

IOS Demo

Android Demo

Packages & Libraries used

• React Native - A framework for building native apps with React.
• React - A declarative, efficient, and flexible JavaScript library for building user interfaces.
• React router native - Declarative routing for React.
• TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
• React Vector Icons - Customizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image source and full styling.
• React Native Deck Swiper - Trigger swipe animations programmatically
• React Native Picker Select - A Picker component for React Native which emulates the native interfaces for iOS and Android
• React Native Image Picker - A React Native module that allows you to use native UI to select a photo/video from the device library or directly from the camera.

Steps to Run the Project in Development Mode

Use the Below Commands to Clone the project and enter inside the Directory After that Install the Dependencies.

git clone git@github.com:recraftrelic/recraft-react-native-dating-app.git
cd recraft-react-native-dating-app
yarn install

IOS

We can directly run the app

npx react-native run-ios

Facing any error related to pods in ios

We need to install the pods

sudo gem install cocoapods
cd ios
pod install
cd ..
npx react-native run-ios

Android

We can directly run the app

npx react-native run-android

Note

Once you clone and if you want to change the name of the application you can follow this article https://medium.com/the-react-native-log/how-to-rename-a-react-native-app-dafd92161c35

Contributors

• manojsinghnegiwd - Manoj Singh Negi
• yashkapoor8710 - Yogesh Kapoor

Sponsors