Bubble: Creating great user experiences

This article provides a step-by-step guide on how to quickly construct a profile page with Bubble. It explains how to craft a user experience on Bubble, build an experience with Bubble, and leverage Bubble elements to create a profile page in minutes.

This guide is useful for anyone looking to create a profile page quickly and efficiently.

Adding More Pages

An application on Bubble can have as many pages as you need. To add more, use the pages dropdown.

Here’s an example of a profile page as if it was for photo sharing. In minutes, you can have a profile page just like this, where you can view all the images associated with the user and click them for a larger view.

Building an Experience on Bubble

Building an experience like this on Bubble is as easy as leveraging the elements at your disposal.

For example, to craft the profile experience, in the Data tab we have a custom photo data type. This custom data type controls all the photos users upload to our app. All it needs is one field for accepting an image.

Repeating Groups

Once the photos are added to the database, we can display them on the user profile and retrieve them dynamically. On the profile page, we display a list using the container type called Repeating Group. This is one of Bubble's most powerful elements that you will use frequently as you build your app.

A repeating group needs two things, a type of content and a data source. For our photo gallery, we expect photos, so that is our type of content.

For our data source, we are telling Bubble to search through our photos database. We then constrain the search to only find the photos uploaded by the user whose profile we’re viewing.

Creating a great user experience takes only a few minutes to craft in Bubble, with its powerful elements.

Try experimenting with repeating groups and see for yourself. In the next lesson, we’re going to learn how to deploy and scale this application.

Next

Custom domains and debugging ->