Skip to content

TINDER with Messaging, ContextAPI, Tailwind, Google Auth & Firebase.

Notifications You must be signed in to change notification settings

Carlosaj18/Tinder-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tinder Clone with REACT NATIVE!

🌟 About the Project

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.

Project Technological Stack:

  • 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.

Features:

  • User authentication and registration
    
  • Swipeable Tinder Cards
    
  • Matching Algorithm
    
  • 1-1 Messaging
    
  • useContext API
    
  • Custom Hooks
    

Getting Started

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

🚩 Deployment

To deploy this project run

Expo Publish

publish your project

expo publish

Demo & Showcasing:

📷 Screenshots

Splash Screen Login Screen Profile Creation Screen
Home Screen Chat Screen Drawer Screen

🤝 Contact

Email ID- cjaramilloportilla@gmail.com

Project Link : https://github.com/muddasir03/Uber-Clone-ReactNative.git

Special Thanks:

About

TINDER with Messaging, ContextAPI, Tailwind, Google Auth & Firebase.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published