Flutterflow / Firebase 2023 (Tinder clone)

Focused View

Pedro Nieto Sánchez

6:51:26

138 View

1. Introduccion

1. Presentation and first project creation.mp4

20:15

2. Create firebase project and enable services.mp4

12:18

3. Explore firebase services.mp4

10:38

4. Connect firebase and flutterflow.mp4

13:34

5. Pages and navigation.mp4

10:41

6. Navigation by actions.mp4

09:52

7. Navigation with lateral menu.mp4

12:45

8. Navigation to child page.mp4

09:15

9. Read data from firestore.mp4

14:14

10. Create object in firestore.mp4

09:28

11. Delete object from firestore.mp4

05:05

12. Update firestore document.mp4

13:15

13. Create component.mp4

08:49

14. Version control.mp4

02:31

15. Login.mp4

13:41

16. Signup.mp4

05:40

17. Google Auth.mp4

04:41

18. Reset password.mp4

04:15

19. Upload images.mp4

14:24

20. Update images.mp4

06:11

21. Upload videos.mp4

07:06

22. Conditionals.mp4

08:22

23. API Calls.mp4

08:50

24. Layout with columns and rows.mp4

07:13

25. Layout with containers.mp4

06:00

26. Layout with listview.mp4

07:13

27. Layout with gridview.mp4

03:16

28. Pass data to component by parameters.mp4

09:16

2. Tinder clone

1. Tinder authentication and my profile.mp4

09:13

2. Tinder add description.mp4

07:58

3. Tinder swipeable stack.mp4

08:17

4. Tinder icons in swipeable.mp4

03:00

5. Tinder firebase change plan.mp4

04:09

6. Tinder needed tools.mp4

07:06

7. Tinder firebase functions setup.mp4

13:19

8. Tinder firestore and functions connection.mp4

10:10

9. Tinder version control and clone of a project.mp4

13:12

10. Tinder functions of I like a person.mp4

14:34

11. Tinder. Test API Post.mp4

06:52

12. Tinder Api Call Integration in action.mp4

05:17

13. Tinder Query people that likes me.mp4

04:19

14. Tinder Query subcollection of theyLikeMe.mp4

04:41

15. Tinder Detail of person who likes me.mp4

09:18

16. Tinder I dont like a person.mp4

11:08

17. Tinder Backend logic for a match.mp4

08:42

18. Tinder integration API Call of create match.mp4

07:38

19. Tinder create item for user chat.mp4

03:45

Description

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

What You'll 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

Who is this for?

People interested in Low Code / No Code tools for the development of Apps

What You Need to Know?

You don't need any previous experience

More details

Description
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

Who this course is for:
People interested in Low Code / No Code tools for the development of Apps

User Reviews

Rating

average 0

Total votes0

Focused display

Instructor en Udemy. Profesor en Barcelona Activa. Cree mi propia empresa de software Worktocloud de monitoreo de empleados. Tengo amplia experiencia en javascript, typescript, desarrollo web, ionic, angular, react, node, nest, nx nrwl, php, capacitor... Y ahora me gustaría ayudar a otras personas a mejorar sus skills y encontrar trabajo en el sector de las nuevas tecnologías.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.