Login
Login
Building With Bubble
/
How To Build A Tinder Clone With No-Code Using Bubble (Flexbox)
Buy now
$129
How To Build A Tinder Clone With No-Code Using Bubble (Flexbox)
23 Lessons
Buy now
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