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

Ready to save 3-5 months learning how to build your app from scratch?

Learn how to build your own Tinder clone without touching a single line of code. This course covers the step-by-step process of creating a dating app that’s ready to launch. Utilizing Bubble’s no-code platform, it explains the exact workflows you’ll need to replicate Tinder’s product. This updated tutorial was created using the new Bubble flexbox responsive design engine.

Note: Throughout this tutorial, we’ll be using a plugin to create our Tinder swiping feature. As you’ll see in the course outline below, I’ve created two separate versions of the Tinder home page module. One module will use a free version of the plugin, while the other will use a paid version. This allows you to create a version of the app, regardless of your budget.

Buy this course $129 Get membership $49.99

Watch snippet on Youtube

What's included into the course?

By the end of this course, you’ll have a working product that can be used to build your own startup, knowledge on how to build a Tinder clone for freelance clients, and new skills to expand your Bubble experience. Here's the full list of modules of this course:

1. Getting started with Bubble

2. Building your Tinder clone database

3. Registering new user accounts

4. Creating a user login page

5. Editing a users profile details

6. Allowing users to update their match preferences

7. Configuring a Google Maps API key

8. Building a home page to display potential matches (free plugin)

9. Building a navigation menu

10. Creating a new match between two users (free plugin)

11. Building a home page to display potential matches (paid plugin)

12. Creating a new match between two users (paid plugin)

13. Building a page to display a users list of matches & chats

14. Creating a chat between two users

15. Sending & receiving messages within a chat

16. Displaying unread message notifications

17. Displaying a user profile preview

18. Additional tips & insights

This course is built for:

Anyone who wants to quickly build their own dating app like Tinder with minimal cost and time input
Anyone interested in learning about Bubble’s no-code development tool
Anyone looking to extend their skills as a freelance Bubble developer
Makers who want to extend their knowledge into Bubble’s no-code toolset

A free Bubble account
A basic understanding of Bubble, although I’ll walk you through everything is thorough detail.

Section 1 – Course overview

Getting started with Bubble’s no-code tool

Section 2 – Configuring your database

Creating your custom Tinder clone database

Section 3 – Registering user accounts

Creating a workflow to register new users

Section 4 – Building a login page

Creating a page where users can log in to their existing accounts

Section 5 – Editing a users profile details

Building a page where users can edit the information displayed on their profile

Section 6 – Edit user match preferences

Allowing users to update their match preferences

Section 7 – Configuring a Google Maps API key

Integrating your own Google Maps API to power location-based experiences

Section 8 – Building a home page (free plugin)

Creating a page where users can swipe through potential matches

Section 9 – Building a navigation menu

Creating a footer menu to navigate between the different pages in your app

Section 10 – Creating matches (free plugin)

Building the workflows to match two users within your app

Section 11 – Building a home page (paid plugin)

Creating a page where users can swipe through potential matches

Section 12 – Creating matches (paid plugin)

Building the workflows to match two users within your app

Section 13 – Displaying user matches

Building a page to display a users list of matches & chats

Section 14 – Creating a chat between two users

Allowing two matched users to communicate within your app

Section 15 – Sending messages within a chat

Building the workflows to send messages between two users

Section 16 – Displaying unread message notifications

Notifying a user when they receive a message they have not yet read

Section 17 – Displaying a user profile preview

Showcasing a full users profile within your message page

Section 18 – Finishing up

Additional tips & insights to get the most out of Bubble

6000+ students can’t be wrong

If you wanted to learn more about Bubble, you should take these courses. Lachlan is a very effective instructor that clearly communicates each step of the way. Each video is focused on specific topics and the course is easy to follow.

- Michael Lee, Senior Product Designer

Great overview that takes you from a blank page to complete MVP. Perfect length and amount of detail to set you up well and put you on the right path. Highly recommended!

- Harry Brown, Founder of Dream Day

Really great courses to actually get up and building with Bubble. Lachlan doesn’t waste a lot of time with “fluff” information, just the stuff you need to know and why you need to know it. If you’re wanting to get up and building something then these are the courses you need to take.

- Marcus Byrd, Pega Developer

Clear, concise and to the point. As a noob to Bubble I was able to follow along quite easily with the course content and had my cloned app within a day. Lots of concepts learnt here I can already carry over into other projects. If you want to jump into the no-code space, this is a great place to start”

- Kody Sjöbergen, Lead Consultant