![build a constrcuct serial cloner build a constrcuct serial cloner](https://www.isumsoft.com/images/screenshot/cloner.png)
Follow these steps:ġ) Right-click the button element and select “Start/Edit workflow.”Ģ) Now that we’re on the workflow tab, click to add a new action. Let’s set the workflows to make this menu functional, starting with the “Home” button. In this tutorial, we are using to display servers the user has joined. and a repeating group to display shortcut links to the servers the current user has joined so far, so they can navigate to that server easily.īubble’s repeating group feature allows you to create dynamic displays of user data.Navigate to the home page, create a new group and add the following buttons to it: The menu needs to be visible at least on the following pages: “sign the user up,” “make a change to the database,” etc.) Creating a top-level menuįor this Discord clone, we’re going to create a menu to let the user move between each page within our app.
BUILD A CONSTRCUCT SERIAL CLONER SERIES
a user clicks on a button), and then runs a series of “actions” in response (e.g. Each workflow happens when an event occurs (e.g. In Bubble, the main way to create functionality in your app is with workflows. Now that you’ve structured both the design and database of your application, it’s time to start stitching everything together, making your app functional. Edit the “server_settings” page to also have “Server” as the content type. Repeat the same steps for the “server_settings” page. Then, click on the dropdown “Type of content” and choose “Server.”
![build a constrcuct serial cloner build a constrcuct serial cloner](https://bnbict.files.wordpress.com/2016/09/12th.jpg)
Right-click the page background and select “Edit.” This will make the process of sending information from page to page much easier once we start building workflows. Now that we have all the data types and all the pages we’ll need, we can prepare some pages to hold certain types of data. Tick “this field is a list.” Doing so will allow you to add multiple channel messages to this field.)Ĭreating the channel data type for our Discord clone Preparing your pages Tick “this field is a list.” Doing so will allow you to add multiple channels to this field.)Ĭreating the server data type for our Discord clone Data type: Channel Tick “this field is a list.” Doing so will allow you to add multiple users to this field.) Tick “this field is a list.” Doing so will allow you to add multiple users to this field.)Ĭreating the direct message data type for our Discord clone Data type: Server Tick “this field is a list.” Doing so will allow you to add multiple servers to this field.)Ĭreating the user data type for our Discord clone Data type: Channel MessageĬreating the channel message data type for our Discord clone Data type: Direct Message Tick “this field is a list.” Doing so will allow you to add multiple servers to this field.) When building Discord as an MVP, we’ll need to create the following data types & fields. We’ll rely on these data types to connect the workflows behind your product.īubble’s pre-built database makes it easy to create different data types with unique fields. Once you’ve wireframed these pages, you can focus on creating the necessary data types and fields to power your application. We can then add unique conditions to display only the relevant content for each of them when it’s needed (we’ll cover this in more detail soon). In the case of your Discord clone, you’ll only need to create one page for each activity. This allows you to create one generic version of a page, then dynamically display the relevant content from your database when it’s required. Once you create these pages, your page dropdown should look like this:Ī major feature within Bubble is the ability to send data between pages. A discover page (“discover”) – to explore and join public servers.A new server page (“new”) – to create a brand new server.
BUILD A CONSTRCUCT SERIAL CLONER UPDATE
![build a constrcuct serial cloner build a constrcuct serial cloner](https://www.disk-clone.com/manual/pictures/disk-clone/clone-builder.png)
A home page (“home”) – the first page the user will see after logging in, with a friends list and a friend chat window.If you’re replicating a version of Discord, you’ll need to build the following pages:
![build a constrcuct serial cloner build a constrcuct serial cloner](https://i.ytimg.com/vi/l_ydfFTY4M0/maxresdefault.jpg)
In this case, we’ll start by using Bubble’s visual design tool to shape the user interface of our platform. When kickstarting your project, you can choose to begin by wireframing your product design, or building the necessary fields within your database. This will help you get a running start when building a Discord clone. New to Bubble? Follow along on our introductory videos to get familiar with the basics of Bubble.