Tinder Clone Project with Frontend & Backend

Description:

  • A simple Tinder Clone webapp

Tinder Clone

🚀 Technical Stack:

Frontend:

  • Programming Language: Javascript
  • Library: React
  • IDE: VScode
  • Hosting & Serverless computing: Netlify

Backend:

  • Server-side scripting: Node.js
  • Framework: Express.js
  • IDE: VScode
  • Mongoose for object data modeling (ODM). I’ve used cors to connect the middleware.
  • Database: MongoDB
  • Hosting & Serverless computing: Heroku

Frontend: https://yash-tinder-clone.netlify.app/

Backend: https://yash-tinder-clone-backend.herokuapp.com/

🎓 What I learned?

  • UI components Handling
  • Connecting to Database
  • Postman Get, Post requests handling
  • Fetching Data from Db
  • CI/CD with git

🧐 Link to the Website: https://yash-tinder-clone.netlify.app/

Screenshots

tinder2 tinder1 tinder3

Here are my social media handles:

Linkedin: https://www.linkedin.com/in/iyashjayesh/ Instagram: https://www.instagram.com/iyashjayesh/ Twitter: https://twitter.com/iyashjayesh Medium: https://medium.com/@iyashjayesh

Email: er.yashjayeshchauhan@gmail.com

Thank you!