This application replicates Tinder's functionality, featuring a matching algorithm and live chat for matched users. Users sign in via Google, create profiles, and start swiping on a stack of cards displaying other users. Swiping right (or tapping the green heart) indicates interest; swiping left (or tapping the red cross) dismisses a profile. When two users match, a "It's a Match!" screen appears, enabling them to chat in the app's dedicated chat section. Users can access additional options from a drawer by swiping right or tapping their profile image, allowing them to return home, update their profile, explore the about section, or sign out.
This project's backend relies on Firebase, utilizing Firestore Database to store profiles and Authentication for Google oAuth Sign-In.
- Expo: Rapid tooling and deployment platform for React Native applications.
- ReactJS: Framework for building interactive user interfaces.
- JavaScript: Programming language for typing and scripting functionalities.
- TailwindCSS: Utility-first CSS framework for rapid styling and customization.
- React Navigation: Solución flexible de navegación para la aplicación en múltiples plataformas.
-
User authentication and registration
-
Swipeable Tinder Cards
-
Matching Algorithm
-
1-1 Messaging
-
useContext API
-
Custom Hooks
To run the app, you will need to have the following installed on your machine:
- Node.js
- npm
- Expo CLI
Clone the project
git clone https://github.com/Carlosaj18/Uber-Clone
change directory
cd Uber-Clone
Install dependencies
npx expo install
Start the server
npx expo start
To deploy this project run
publish your project
expo publish
Splash Screen | Login Screen | Profile Creation Screen |
---|---|---|
Home Screen | Chat Screen | Drawer Screen |
---|---|---|
Email ID- cjaramilloportilla@gmail.com
Project Link : https://github.com/muddasir03/Uber-Clone-ReactNative.git
- Sonny Sangha for his amazing tutorial.