MERN Stack Development – Tinder Clone


Click the link below to view the deployed version of my Tinder clone built using the MERN stack.

https://tinder-clone-tarun.web.app/

About the Project:
I built the UI using React.JS and used Material UI and Material Icons for the various Icons and Actions.
This UI is deployed on Firebase using Firebase Hosting.
The backend is built using Node.JS and runs on an Express.JS server and is deployed on Heroku.
The data for the tinder cards is being pulled from a Mongo DB cluster. Mongoose is used to connect the database to the Node.JS backend.

Only the swipe functionality is built with the other buttons currently disabled.
This is meant for demonstration purposes only.

Reference video:

https://www.youtube.com/watch?v=ktjafK4SgWM

Credit to Sonny and David.


Leave a Reply

Your email address will not be published. Required fields are marked *

three × 3 =