This project is an upgraded and enhanced version of the one created by Sonny Sangha in a tutorial on his YouTube channel (https://www.youtube.com/c/SonnySangha). Try out the project for yourself: https://bit.ly/3rkEURr (Currently only for Android).
React Native with Expo CLI, Tailwind CSS, Firebase
This application emulates the working and functionalities of the dating app Tinder, complete with a matching algorithm and a real-time chat system to facilitate communication between a match of two people. After a user has signed in using Google, they will be asked to create a profile. Once their profile is ready, they are ready to swipe on! A stack of cards showcasing the existing users will be displayed to which a user can have two reactions - MATCH or PASS. A MATCH indicates that the user likes the profile they see and can be achieved by swiping right on the card or pressing the green heart icon at the bottom. If the user does not like what they see, they can just PASS on the profile by swiping left or pressing the red cross button below. If the user matches with a profile that has already matched with them, they will be greeted with a "It's a Match!" screen and the matched users can now have a chat in the chat section. A drawer may be extended by swiping right from the top left portion of the screen or by pressing the user's profile image from Google. This drawer has the options to return to home, update the profile, check the about section or sign out.
The project uses Firebase as its backend and employs the Firestore Database (to store user profiles) and Authentication (for user authentication via Google oAuth Sign-In).
| Splash Screen | Login Screen | Profile Creation Screen |
|---|---|---|
 |
 |
 |
| Home Screen | Chat Screen | Drawer Screen |
|---|---|---|
 |
 |
 |