Flutterflow / Firebase 2023 (Tinder clone)

Build a simplified tinder clone with flutterflow and firebase, focusing on authentication, my profile with image and video, and a swipeable stack for matches and chat.

Add a description field to the user schema, update name and description on save, and preload initial values for authenticated users in the Tinder clone.

Create a tinder-style swipeable stack on people page using a card in the swipeable stack, with a single time query excluding current user and exposing photo URL and display name.

Connect left and right swipe actions in a flutterflow Tinder clone by linking heart and bin icons to the swipeable stack events, via on tap or card gesture.

Upgrade your Firebase project in the console and deploy the backend with Cloud Functions. Explore the Blaze pay-as-you-go plan, 2 million free invocations per month, and per-usage pricing.

Test a post api in FlutterFlow by creating and testing an api call, passing a json body with string ids, and verifying the backend Firestore update.

Learn to integrate an API call in flutter flow on a right swipe, passing the authenticated user id and the liked user id, and handle basic success and error.

Learn to query the theyLikeMe subcollection using a document reference from users, retrieve the display name, and render it via a reusable single-time query component.

Improve the tinder-like interface by adding padding and icons for like, dislike, and view profile, and build a simplified profile page with parameterized user data and navigation.

Implement a backend Firestore delete to remove a 'I don't like you' record from the current user's 'they like me' subcollection, with validation, API calls, and snack-bar feedback.

Create a chat user item component fed by a user document reference, query the users collection, and display the loaded name with icons in the chat room.

Build a chat conversation page with a back button and the other user's name. Include a heartbroken icon to end the match, and pass the name as a string parameter.

Build a 1-to-1 chat with a chats collection and a messages subcollection. Use deterministic sort of two user IDs to form chat id and store last message, time, and sender.

Develop a javascript function to generate a chat id from two user ids and create a chat document in the chats collection. Deploy and test messaging in tinder clone app.

Use FlutterFlow custom functions to generate chat IDs and insert messages into a Firestore subcollection, while handling document references and parameter passing.

Implement break match logic by deleting all chats, removing both users from the 'we like each other' subcollections, and triggering a post API call to complete the deletion.

Demonstrates end-to-end Tinder-like interactions in a FlutterFlow Firebase app: multi-user login, profile browsing, right-swipe likes, real-time chats, delete actions, and final navigation polish to complete the clone.

Configure firebase functions permissions for stripe operations in flutter flow via Google Cloud IAM to enable firestore and billing.

Learn how to create a Stripe customer via a direct API call using HTTP post, secret key, and form URL encoded body, integrated with FlutterFlow.

Demonstrate integrating Stripe by creating a Stripe customer after signup, using the authenticated user's email and name, updating a paid flag, and gating chat and profile actions with conditional visibility.

Explore JavaScript variables, focusing on const and let, with a brief note on var. Learn when to reassign, why const is fixed, and how to choose between let and const.

Explore JavaScript functions by defining and calling traditional functions, arrow functions, and anonymous callbacks; learn how statements and semicolons affect execution order and invocation.

Explore the basic JavaScript data types: strings, numbers, booleans, null, and objects with properties, with quotes for strings and the difference between numbers and numeric strings.

Learn JavaScript data types, including primitive types (string, number, boolean, null, undefined, symbol) and non-primitive types (objects such as arrays, sets, dates, and functions), and clarify undefined versus null.