Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nayak-nirmalya/tinder-clone
Tinder Clone with React Native, Expo, TypeScript, TailWindCSS, Context API, Google Firebase, React Navigation.
https://github.com/nayak-nirmalya/tinder-clone
android eas expo firebase firestore ios oauth2 react-native react-navigation tailwindcss typescript
Last synced: 20 days ago
JSON representation
Tinder Clone with React Native, Expo, TypeScript, TailWindCSS, Context API, Google Firebase, React Navigation.
- Host: GitHub
- URL: https://github.com/nayak-nirmalya/tinder-clone
- Owner: nayak-nirmalya
- Created: 2023-04-22T04:07:36.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-04-29T09:30:15.000Z (almost 2 years ago)
- Last Synced: 2024-11-21T20:30:38.700Z (3 months ago)
- Topics: android, eas, expo, firebase, firestore, ios, oauth2, react-native, react-navigation, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://expo.dev/accounts/nirmalya_nayak/projects/tinder/builds/865c6309-244e-423a-83fe-7741aa96df14
- Size: 3.39 MB
- Stars: 1
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tinder Clone (Expo)
This is a repository for Tinder Clone with React Native, Expo, TypeScript, TailWindCSS, Context API, Google Firebase, React Navigation.
Funcionalities:
- Log In / Sign Up with Firebase Google OAuth.
- Swipe Left/Right on Profiles to Pass/Match.
- Add or Edit User Details.
- Chat with Matched Users.
- In-App Screen Navigation with Gesture.
- Modern / Responsive Layout.
### Prerequisites
**Node ^= 16**
**Expo Go (from Mobile AppStore)**
**Android Studio / XCode (Virtual Device Simulation)**
**VS Code (IDE)**
**EAS_CLI (To Build Application)**
### Cloning the repository
```shell
git clone https://github.com/nayak-nirmalya/tinder-clone.git
```
## Running Project
To run your project, navigate to the root directory and run one of the following npm commands:
```shell
cd uber-clone
npm run android
npm run ios # you need to use macOS to build the iOS project - use the Expo app if you need to do iOS development without a Mac
npm expo start
```
If You Face Any Issue Run:
```shell
expo start -c
```
to Clear Expo Build Cache.
This Expo Project Has Native dependencies, so to run you have to build first:
```shell
eas build --profile development --platform android
```
🤖 Open this link on your Android devices (or scan the QR code) to install the app:
https://expo.dev/accounts/nirmalya_nayak/projects/tinder/builds/865c6309-244e-423a-83fe-7741aa96df14
## Screenshots
### LogIn Screen
### Home Screen
### No More Profile
### User SetUp Modal
### Match Screen
### Chat List Screen
### Message Screen
