The Complete Guide to Bubble

Categories: Programming & Tech

Wishlist

Course Content

Build a to-do app in Bubble

Introduction

01:08
Intro to Bubble and the Bubble designer

17:38
Create your input form for tasks on your to-do list

04:56
Display your tasks in a to-do list and mark as complete

04:49
Display completed tasks and mark tasks as not complete

12:00

Build a SaaS like Linktree

Intro to the course

04:30
Create app and set up your database with best practices

12:12
Create sign up page

06:46
Create the user account page

15:49
Build organization page template

06:25
Create ability to edit a public link-in-bio page

09:16
Add the ability to add links and socials to a link-in-bio page

09:14
Design the link-in-bio page and make it responsive

21:57
Create a responsive navbar with a drop-down as a reusable element

13:06
Add a team and billing section to the organization page with hidden groups and custom states

10:31
Learn how to use the API connector and Stripe API key and set up the initial API call for a purchase

12:19
Create sign up page and initialize the first API call successfully

10:14
Build checkout button that uses the Stripe API

06:26
Set up webhooks in Bubble to send purchase data to our own app database

15:09
Add more information to webhook call to connect the purchase to the organization instead of a user

09:04
Set up webhooks to handle subscription cancellations

14:33
Build functionality invite team members to an organization

25:35
Create a login page with forgot password functionality

14:48
Build a responsive dashboard design

18:07
More dashboard styling and add icons to buttons

23:32
Add click analytics on link-in-bio page

04:37
More custom styling to edit page and ability to edit and delete links

25:57
Add logic to prevent unauthorized page access

02:30
Add logic to only show certain features on paid plan

08:45
Things to keep in mind when you publish your app from dev to live

08:10
Outro

02:09

Clone Reddit in Bubble

Set up database structure

10:14
Build a responsive designed hompage

19:59
Sign up, log in page and password reset page

22:52
Conditional visibility and creating new pages

09:52
Create a post page

21:06
Upvote and downvote functionality

13:48
Reuseable elements for list of posts

08:45
Create a navigation bar

02:59
Build commenting

21:34
Allow for nesting comments

13:34
Ensure unique usernames

07:07
Build notifications with backend workflows

27:43

Clone Airbnb in Bubble

Structure your database for a marketplace

06:46
Build search functionality with option sets and URL parameters

00:00
Build a search results page

05:24
Build the home listing page

06:10
Learn how to integrate Stripe! Register sellers on your marketplace

15:23
Create listings and create marketplace charges in Stripe

27:31
Build reviews into the app and calculate an average and total ratings field

19:22
Add a map to the search results page

04:09
Filter search results based on booked date ranges

08:45
Block out dates on listing page calendar and learn the Bubble debugger

25:59
Learn the Bubble responsive engine and design the home page

22:07
Make the navigation bar and search results page responsive

16:47
Add ability for users to edit their listings and add photos

08:21
Style the listing page and make it responsive

13:24
Style the search results page

05:01
Build an onboarding flow for new users of your app

22:12

Sell subscriptions in Stripe using Bubble

Student Ratings & Reviews

No Review Yet

Course Content

Build a to-do app in Bubble

Introduction

Intro to Bubble and the Bubble designer

Create your input form for tasks on your to-do list

Display your tasks in a to-do list and mark as complete

Display completed tasks and mark tasks as not complete

Build a SaaS like Linktree

Intro to the course

Create app and set up your database with best practices

Create sign up page

Create the user account page

Build organization page template

Create ability to edit a public link-in-bio page

Add the ability to add links and socials to a link-in-bio page

Design the link-in-bio page and make it responsive

Create a responsive navbar with a drop-down as a reusable element

Add a team and billing section to the organization page with hidden groups and custom states

Learn how to use the API connector and Stripe API key and set up the initial API call for a purchase

Create sign up page and initialize the first API call successfully

Build checkout button that uses the Stripe API

Set up webhooks in Bubble to send purchase data to our own app database

Add more information to webhook call to connect the purchase to the organization instead of a user

Set up webhooks to handle subscription cancellations

Build functionality invite team members to an organization

Create a login page with forgot password functionality

Build a responsive dashboard design

More dashboard styling and add icons to buttons

Add click analytics on link-in-bio page

More custom styling to edit page and ability to edit and delete links

Add logic to prevent unauthorized page access

Add logic to only show certain features on paid plan

Things to keep in mind when you publish your app from dev to live

Outro

Clone Reddit in Bubble

Set up database structure

Build a responsive designed hompage

Sign up, log in page and password reset page

Conditional visibility and creating new pages

Create a post page

Upvote and downvote functionality

Reuseable elements for list of posts

Create a navigation bar

Build commenting

Allow for nesting comments

Ensure unique usernames

Build notifications with backend workflows

Clone Airbnb in Bubble

Structure your database for a marketplace

Build search functionality with option sets and URL parameters

Build a search results page

Build the home listing page

Learn how to integrate Stripe! Register sellers on your marketplace

Create listings and create marketplace charges in Stripe

Build reviews into the app and calculate an average and total ratings field

Add a map to the search results page

Filter search results based on booked date ranges

Block out dates on listing page calendar and learn the Bubble debugger

Learn the Bubble responsive engine and design the home page

Make the navigation bar and search results page responsive

Add ability for users to edit their listings and add photos

Style the listing page and make it responsive

Style the search results page

Build an onboarding flow for new users of your app

Sell subscriptions in Stripe using Bubble

How to set up stripe subscriptions in Bubble

Student Ratings & Reviews

Login

Register