Ultimate Tinder Clone - MongoDB - Authentication - Cookies - Chat

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Build a comprehensive Tinder clone application using MongoDB, authentication, cookies, and chat functionality in this extensive tutorial. Learn to create a full-stack dating app from scratch, covering React for the frontend and Node.js with Express for the backend. Develop key features including user registration, login, profile creation, swiping mechanics, matching algorithm, and real-time messaging. Gain hands-on experience with MongoDB operations, API development, state management, and UI design. Perfect for developers looking to enhance their full-stack skills and create a complex, interactive web application.

Syllabus

- Introduction
- Starting our Project
- Pages and Routing in React
- Homepage UI
- AuthModal UI
- OnBoarding UI
- Dashboard UI
- ChatContainer UI
- Setting up our NodeJS backend
- Express Routing
- Signing Users Up / MongoClient insertOne
- Cookies
- Logging In / MongoClient findOne
- On-boarding / MongoClient updateOne
- Updating a user / MongoClient updateOne
- Getting One User / MongoClient findOne
- Getting Users By Gender / MongoClient find
- Updating Matches / MongoClient updateOne + $push
- Get Many Users / MongoClient find
- Display Chat History
- Adding New Messages / MongoClient insertOne
- Code Refactor, tidy and error fixing
- Final run through
- Making sure Users only show up when both Users swipe right
- Adding a .env file