Building With Bubble/How To Build A Tinder Clone With No-Code Using Bubble (Flexbox)

  • $129

How To Build A Tinder Clone With No-Code Using Bubble (Flexbox)

  • 23 Lessons

Contents

1. Getting started with Bubble

Getting started with Bubble's no-code tool.
Creating a free Bubble account
Lesson 1 - Course Overview

2. Configuring your database

Creating your custom Tinder clone database.
Accessing the Notion checklist
Lesson 2 - Configuring your database

BONUS: Bubble native mobile builder

Navigating the new native mobile builder.

Introducing Bubble’s native app editor
Free native mobile course

3. Registering user accounts

Creating a workflow to register new users.
Lesson 3 - Registering user accounts

4. Building a login page

Creating a page where users can log in to their existing accounts.
Lesson 4 - Building a login page

5. Editing a users profile details

Building a page where users can edit the information displayed on their profile.
Lesson 5 - Editing a users profile details

6. Edit user match preferences

Allowing users to update their match preferences.
Lesson 6 - Edit user match preferences

7. Configuring a Google Maps API key

Integrating your own Google Maps API to power location-based experiences.
Lesson 7 - Configuring a Google Maps API key

8. Building a home page (free plugin)

Creating a page where users can swipe through potential matches.
Lesson 8 - Building a home page (free plugin)

9. Building a navigation menu

Creating a footer menu to navigate between the different pages in your app.
Lesson 9 - Building a navigation menu

10. Creating matches (free plugin)

Building the workflows to match two users within your app.
Lesson 10 - Creating matches (free plugin)

11. Building a home page (paid plugin)

Creating a page where users can swipe through potential matches.
Lesson 11 - Building a home page (paid plugin)

12. Creating matches (paid plugin)

Building the workflows to match two users within your app.
Lesson 12 - Creating matches (paid plugin)

13. Displaying user matches

Building a page to display a users list of matches & chats.
Lesson 13 - Displaying user matches

14. Creating a chat between two users

Allowing two matched users to communicate within your app.
Lesson 14 - Creating a chat between two users

15. Sending messages within a chat

Building the workflows to send messages between two users.
Lesson 15 - Sending messages within a chat

16. Displaying unread message notifications

Notifying a user when they receive a message they have not yet read.
Lesson 16 - Displaying unread message notifications

17. Displaying a user profile preview

Showcasing a full users profile within your message page.
Lesson 17 - Displaying a user profile preview

18. Finishing up

Additional tips & insights to get the most out of Bubble.
Lesson 18 - Finishing up

Fill out the feedback form

Fill out the feedback form