nik1168/tinder-clone

Building a Tinder clone using React Native and Typescript

Tinder Clone

Building a Tinder clone using React Native and Typescript with the following features:

• Google Sign-in
• Chat Messaging
• Swipe-able cards with swipe animations
• Matching algorithm using Firestore as a persistence layer

Special thanks to Sonny Sangha as this project was based on his tinder clone tutorial: https://youtu.be/qJaFIGjyRms

Tech Stack

• Tailwind CSS
• Jest
• Firebase
• React Native CLI
• Circle CI

Set-up

Configure firebase using the following guide: https://rnfirebase.io/

Create a .env file based on .env.sample

Install dependencies

npm install

Start application

npm start

Run app

npm run ios

npm run android

Demo

https://drive.google.com/file/d/1h5vptGyMDWTRGNXvaTXjHp1BCr-LZ6gF/view?usp=sharing

Main Screen

Match

Chat