Flutterflow / Firebase 2023 (Tinder clone)

Low Code / No code Flutterflow , Firebase and Stripe. Let's develop a Tinder clone.

4.36 (116 reviews)

Udemy

platform

English

language

Web Development

What you will learn

From zero to hero with flutterflow

Tinder clone developed with flutterflow and firebase and Stripe payments integrated

Create a tinder clone with Flutterflow (2023) with stripe payments integrated

Low code / No Code Flutterflow (Tinder clone)

Javascript basics and simple backend with Firebase Functions

Why take this course?

We will see the basic concepts of flutterflow and firebase. In the first block of the course. Then we will prepare some small backend with Firebase Functions, and with all the firebase libraries, using the programming language of Javascript. And then we will develop a full Tinder Clone with chat, swipes, matches, breaking matches functionality and even payments (using Stripe). Also along the course Chatgpt will be introduced and used as an assistant while we work. Here I Present you all the lectures that are included in this course:

Presentation and creation of first project
Create a firebase project and enable services
Explore firebase services
Connect firebase and flutterflow
Pages and navigation
Navigation by actions
Navigation with lateral menu
Navigate to child page
Read data from firestore
Create object in firestore
Delete an object from firestore
Update a firestore document
Create a component
Version control
Login
Sign Up
Google Auth
Reset Password
Upload images
Update image url
Upload video
Conditionals
API Calls
Layout columns rows
Layout with containers
Layout with listview
Layout with gridview
Pass data to component by parameters
Tinder: authentication and my profile
Tinder: add description
Tinder: swipeable stack
Tinder: icons in swipeable
Tinder: firebase change plan
Tinder: needed tools
Tinder: Firebase functions setup
Tinder: Firestore functions conection
Tinder: Version control and clone of a project
Tinder: function of I like a person
Tinder: Test API Call Post
Tinder: API Call integration in an action
Tinder: Query people that likes me
Tinder: Query subcollection they like me
Tinder: Detail of person who likes me
Tinder: I don't like a person
Tinder: backend logic for a match
Tinder: integration API Call of create match
Tinder: create component for user item chat
Tinder: chat conversation page
TInder: chat page layout
TInder: chat BBDD design
TInder: backend generate chat doc
Tinder: custom functions generate chat Id
TInder: how to debug errors
TInder chat behaviour implementation
TInder: chat item improvement
TInder: adding circle image
Tinder: break match logic
Tinder: final test
Stripe
Stripe: firebase permissions
Stripe: deploy functions and put credentials
Stripe: create api call to create customers
Stripe: integrate payment flow in app

Content

Introducción

Presentation and first project creation

Create firebase project and enable services

Explore firebase services

Connect firebase and flutterflow

Pages and navigation

Navigation by actions

Navigation with lateral menu

Navigation to child page

Read data from firestore

Create object in firestore

Delete object from firestore

Update firestore document

Create component

Version control

Signup

Google Auth

Reset password

Upload images

Update images

Upload videos

Conditionals

API Calls

Layout with columns and rows

Layout with containers

Layout with listview

Layout with gridview

Pass data to component by parameters

Tinder clone

Tinder: authentication and my profile

Tinder: add description

Tinder: swipeable stack

Tinder: icons in swipeable

Tinder: firebase change plan

Tinder: needed tools

Tinder: firebase functions setup

Tinder: firestore and functions connection

Tinder: version control and clone of a project

Tinder: functions of " I like a person"

Tinder. Test API Post

Tinder: Api Call Integration in action

Tinder: Query people that likes me

Tinder: Query subcollection of "theyLikeMe"

Tinder: Detail of person who likes me

Tinder: I don't like a person

Tinder: Backend logic for a match

Tinder: integration API Call of create match

Tinder: create item for user chat

Tinder: chat conversation page

Tinder: chat page layout

Tinder: chat BBDD design

Tinder: backend generate chat doc

Tinder: custom functions of generate chat id

Tinder: how to debug errors

Tinder: chat behaviour implementation

Tinder: chat item improvement

Tinder: adding circle image

Tinder: break match logic

Tinder: final test

Stripe Payments

Stripe

Stripe: firebase permissions

Stripe: deploy functions and put credentials

Stripe: create api call to create customers

Stripe: integrate payment flow in the app

Screenshots

Flutterflow / Firebase 2023 (Tinder clone) - Screenshot_01

Flutterflow / Firebase 2023 (Tinder clone) - Screenshot_02

Flutterflow / Firebase 2023 (Tinder clone) - Screenshot_03

Flutterflow / Firebase 2023 (Tinder clone) - Screenshot_04

Reviews

Tom

December 3, 2023

I want to learn flutterflow because I don't like codes. It give me a headache just looking at them. Thats why I can only follow this course to half way, up until when the instructor introduce codes then I was lost...I had error when installing the codes and got no reply when ask question. So I start another tutorial because I have no time to wait.

Jorge

November 4, 2023

The instructor knows the subject really well. He is really good at being thorough and provide useful information. He sections out the subject into really swappable segments and stays focus on the segments. This makes learning really easy and effective. He rocks.

Ibrahim

July 22, 2023

please watch the course, it's not professional and also not meeting what was mentioned in the description.

IoT

July 16, 2023

The teacher doesn't seem to be an expert in flutterFlow, when looking for widget properties he needs to look for them a little bit like a beginner

Mark

July 6, 2023

The instructor knows the topic of FlutterFlow very well. So well in fact that he can feel his way through any topic. Unfortunately, this has rendered his teaching style to be one that is very lazy. He is unprepared and makes it up as he goes along - because he can. I'm impressed with his KNOWLEDGE. I'm unimpressed with his TEACHING STYLE. He should redo this course to make sure his is not having to figure things out on the fly - which takes the student along for the ride watching him figure things out. This is not the best approach to teaching.

Suhail

July 1, 2023

Its been a great course! i have had some issues regarding certain parts but Pedro has been responsive and helping each step of the way.

Jason

June 12, 2023

Fantastic course! Pedro was a great instructor. He was willing to go above and beyond to help me when I was stuck, which I always appreciate. If you want basic grounds to begin creating your own projects on Flutterflow, this is the course for you!

Robert

June 10, 2023

The course is great, the only one I know for FlutterFlow, and from the instructor I've learned a lot about using FlutterFlow and Firebase; however, the instructor recorded it as he fumbled along which I liked at first. To set up Firebase functions the instructor should have used the official Firebase setup instructions instead of getting them from ChatGPT. I'm only 50% through so I hope to give an update later.

Jack

June 6, 2023

Not many tutorials online for Flutterflow, they only go through brief features and don't really go into detail from start to finish. Have to say this covers most of the topics you need for a beginner. Keep up the good work. Please upload more for example delivery apps, marketplaces, freelance, job boards, etc. And for other reviews saying he is winging it...I'd rather watch someone go through the whole process and encounter problems like we all do and show you how to fix them instead of a perfect example that crashes when you try yourself.

May 4, 2023

Great course!!! I love that it covers Firebase and CRUD operations in depth, which is something I still haven't found in any other place.

James

April 28, 2023

backend doesn't focus on FlutterFlow, should be using FlutterFlow for examples. Tasks are overcomplicated and instructor is just winging the lessons as they go. The lessons are clearly not planned out.

Charts

Price

Rating

Enrollment distribution

Flutterflow / Firebase 2023 (Tinder clone) - Distribution chart