An open API service indexing awesome lists of open source software.

https://github.com/issacto/mytinder

Mobile App
https://github.com/issacto/mytinder

Last synced: 3 months ago
JSON representation

Mobile App

Awesome Lists containing this project

README

        

# What doesn't kill u makes u - Tinder

A simulation app for Tinder

Front-end: React Native

Backend: Amazon Cognito, Google Firebase

Packages/System: Redux, React Native Gifted Chat, ImagePicker

## Demonstration
```
cd tinder
react-native run-android
```

### LoginScreen
(Click to see demonstration on Youtube!)





### ProfileScreen





### MatchedScreen





### ChatScreen
(Click to see demonstration on Youtube!)




## Amazon Cognito
### In App.js:
```javascript
import Amplify from 'aws-amplify';
Amplify.configure(aws_exports);
```
### In registrationScreen.js:
```javascript
import { Auth } from 'aws-amplify';
Auth.signUp({
username: email,
password,
attributes: { email },
})
```
** Amazon will send a email-verification email attached with a verification code for the user to input on the app








### In loginScreen.js:
```javascript
import { Auth } from 'aws-amplify';
Auth.signIn(email,password)
.then( user=>
store.dispatch(updateAuth({loggedin: true, name:name })))
// On failure, display error in console
.catch(err => Alert.alert("Wrong Username/Password"));
}
```
### In resetPasswordScreen.js
```javascript
import { Auth } from 'aws-amplify';
Auth.forgotPasswordSubmit(email, confirmationForgotCode, ForgotGeneratedPassword)
.then(xxxx)
```

## Google Firebase
### Realtime Database:
```javascript
import firebase from '../firebase.js';
firebase.database().ref('users/' + name).set({xxxx});
```

### Storage:

```javascript
import firebase from '../firebase.js';
firebase.storage().ref("Usersimage/"+this.state.username).put(xxxx);
```

## Areas to work on
1. Get more description for Swipe
2. Calculate distance for users
3. Use id for Key instead of email

Special thanks to : Timothy Lo

Guide for swipetool.js: https://www.instamobile.io/react-native-controls/react-native-swipe-cards-tinder/