Тёмный

How To Build A Trello Clone With No-Code Using Bubble (2024 Flexbox) 

Building With Bubble
Подписаться 22 тыс.
Просмотров 10 тыс.
50% 1

2024 UPDATE - INCLUDING FLEXBOX RESPONSIVE DESIGN
In this video, you’ll learn how to build a project management tool like Trello, all without having to write a single line of code 🤯
Utilizing Bubble.io’s no-code platform, it explains the exact design and workflows you’ll need to replicate in order to bring your app to life.
✍️ You can access the working Notion doc and create a duplicate from this template: lachlan-kirkwood.notion.site/...
---
🚀 Interested in the full course? 🚀
Ready to save months having to build your app from scratch? If you'd like to uncover the full tutorial, you can purchase the complete course here: buildingwithbubble.com/how-to...
🔥 The full course covers: 🔥
1. Getting started with Bubble
2. Configuring your database
3. Registering user accounts
4. Creating a login feature
5. Building a user settings page
6. Building the Trello home page
7. Creating a new Trello board
8. Building a page to display Trello boards
9. Customising the settings of a board
10. Creating draggable lists within a board
11. Creating draggable tasks within a list
12. Editing the details of a task
13. Adding comments to a task
14. Sharing access to a Trello board
15. Additional tips & insights to help on your Bubble journey
---
👨‍💻 About me 👨‍💻
In 2020, I worked directly with the Bubble team to write their 'How-to build' blog series. Each installment shared written instructions on how to recreate popular products using their no-code tool. To simplify the building process, I've created my own video series to help guide you in a more engaging way.
Note: This video series has no direct affiliation with Bubble themselves. This is something I've created on my own.
---
⏱ Timeline ⏱
00:00 - Trello clone product demo
03:47 - Setting up your database
19:42 - Designing the Trello home page
1:03:11 - Creating a new Trello board
1:21:21 - Building the Trello board page
2:03:00 - Creating & editing lists
2:29:21 - Additional insights

Наука

Опубликовано:

 

27 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 54   
@xevenau
@xevenau Год назад
You actually give me the motivation I need to get started. You make it seem so easy to do.
@BuildingWithBubble
@BuildingWithBubble Год назад
Always glad it can help! I remember how challenging Bubble was to learn in the beginning, so I love being able to help others along their journey.
@carloscampanela4230
@carloscampanela4230 Год назад
Excellent Lachlan, I love it. Thanks from Portugal.
@BuildingWithBubble
@BuildingWithBubble Год назад
Glad it could help ✌
@jimcrow2000
@jimcrow2000 Год назад
BOOOOOOMM! Just made my day :) thanks a mil
@BuildingWithBubble
@BuildingWithBubble Год назад
I've got you ✌
@akinolaakintunde6522
@akinolaakintunde6522 Год назад
Thanks for sharing this video, I have watched and practiced it and I am so grateful. I will continue to watch and practice till I have enough money to watch the full course
@BuildingWithBubble
@BuildingWithBubble Год назад
Glad it could help 🙌
@TheNightsAreOver
@TheNightsAreOver 11 месяцев назад
Hey that is awesome! I just went through the airdev casual track and I'm currently looking for work. Thought I would build a few projects like this before I apply somewhere (I doubt someone is going to hire a beginner). Really useful video!
@BuildingWithBubble
@BuildingWithBubble 11 месяцев назад
Awesome to hear you're making great progress. You got this 🚀
@gedwardnelson
@gedwardnelson Год назад
You do such good work
@BuildingWithBubble
@BuildingWithBubble Год назад
Thanks my guy 🙏
@eugenewong9134
@eugenewong9134 Год назад
bro. so good! thanks so much for making this tutorial!!!
@eugenewong9134
@eugenewong9134 Год назад
dude you're such an amazing instructor! keep it up! I'm literally just following along your tutorial and I'm so impressed with what I'm creating ahaha
@BuildingWithBubble
@BuildingWithBubble Год назад
Genuinely appreciate it 🙏 Learning how to use Bubble is like learning magic!
@richardbinnington9740
@richardbinnington9740 11 месяцев назад
This is a great video! Lots of detail. I appreciate all the work you put into it. I do have a question. If you have more than three lists, (1, 2, 3, 4). I would like to put put them in the following order (2,3,1,4) with only one drag option. Currently you are storting the state of one and three. How would I also change the order of 2?
@BuildingWithBubble
@BuildingWithBubble 11 месяцев назад
Glad it can help! And good question. If you wanted to be able to move/re-arrange your lists, you'd need to use the drag & drop element and follow a similar process to how we re-order the tasks within each list. Hope this helps!
@mohammedsadiq6629
@mohammedsadiq6629 Год назад
really a great work❤ I am wondering if there is any video includes how to calculate the distance between delivery guy and a the customers in a repeating group and updating the distance as guy position changes?
@BuildingWithBubble
@BuildingWithBubble Год назад
Thanks! And this would definitely be possible. Happy to add it to my list 🙌
@amadinice6161
@amadinice6161 Год назад
You’re so good bro, you’re actually my bubble mentor 💯. Please I I’ll love to share some personal information with you 🥺🙏
@BuildingWithBubble
@BuildingWithBubble Год назад
Appreciate it 🙏 I remember how challenging it was to learn Bubble in the beginning, so I'm glad I can help streamline the process or others!
@patrickmcgeoghean8367
@patrickmcgeoghean8367 Год назад
Great video! How do I get in touch with you to build out a side project?
@BuildingWithBubble
@BuildingWithBubble Год назад
Thanks! And you can always shoot me an email at lachlan@buildingwithbubble.com ✌
@mikeg3810
@mikeg3810 Год назад
Hi, love your videos! Can you please create a Apple News Clone too?! Their news feed setup more engaging than typical feeds. The focus on ability to share, rate and bookmark each article/post with some animation. Thanks.
@BuildingWithBubble
@BuildingWithBubble Год назад
Happy to add this to my list ✌
@kunaalprasad5008
@kunaalprasad5008 Год назад
Hi, could you please do a video on how to wrap an app and add to play store, app store etc please
@BuildingWithBubble
@BuildingWithBubble Год назад
This is definitely on my list! Be sure to keep an eye out 👀
@Idhant12
@Idhant12 Год назад
Also is there any advantage to making the index a column/row, making the groups not visible on page load and collapsed when hidden as opposed to making the index fixed and stacking groups on top of one another (making them invisible on page load) and then not having to collapse them?
@BuildingWithBubble
@BuildingWithBubble Год назад
Since the flexbox responsive engine was released, I've never used a fixed width element in Bubble. If either your page or groups are fixed width, it'll restrict the responsive settings you have access to. I'd always recommend choosing from the column or row option when setting the container alignment for any element. Hope this helps.
@MalcolmFlex3287
@MalcolmFlex3287 11 месяцев назад
Hi you are putting out great content and easy to follow along. I do have a question because I ran into a issue. I’m not able to swap the boards to different positions and I literally went back and retrace all of the steps and I don’t see what I did for them not to move in another drop area. The workflow was done exactly how you did it. Any suggestions?
@BuildingWithBubble
@BuildingWithBubble 11 месяцев назад
Awesome to hear the tutorials have been helpful so far! Happy to help. Could you just double-check that you don't have a default privacy rule applied to your user data type. This might be affecting someones ability to make changes to data within your app. Let me know if this helps!
@MalcolmFlex3287
@MalcolmFlex3287 11 месяцев назад
@@BuildingWithBubble I just checked and the default privacy rule is disabled just as you showed us in the tutorial.
@MalcolmFlex3287
@MalcolmFlex3287 11 месяцев назад
@@BuildingWithBubble and also do you have a Discount or promo code for your courses?I want to pay for them but finances are tight right now.
@BuildingWithBubble
@BuildingWithBubble 11 месяцев назад
@@MalcolmFlex3287 Happy to try and help where I can! Feel free to shoot me an email (lachlan@buildingwithbubble.com) and we can organise something 👍
@MalcolmFlex3287
@MalcolmFlex3287 11 месяцев назад
@@BuildingWithBubblewow I am just now seeing this thank you I will send a email right now.
@KartikayRai-no1qd
@KartikayRai-no1qd 7 дней назад
hey i am looking to make a drag and drop dashboard creation app...is this the right video to get an idea of drag and drop element and blank canvas
@BuildingWithBubble
@BuildingWithBubble 7 дней назад
Absolutely. Drag & drop elements can be a tough one to get your head around in the beginning. This course will cover everything you need to know 👍
@maheshpandey1163
@maheshpandey1163 Год назад
Is it posible? to build app like epidemic sound or sound stripe in bubble . If you publish video related to that clone i will be grateful to u and contact u soon.
@BuildingWithBubble
@BuildingWithBubble Год назад
Yes, this would be possible! Happy to add this to my list. Are there any specific features you'd like to see me cover?
@Idhant12
@Idhant12 Год назад
have you ever done a notion clone?
@BuildingWithBubble
@BuildingWithBubble Год назад
I haven't but this is definitely on my list!
@ludovicblondeau5713
@ludovicblondeau5713 Год назад
Hi, thanks again for your previous help, My affiliate link works well. :) . I would like to know if it is possible to log in a user without a password, while using the original data field "user" ? I have tried inserting initial content into the password entry, then hiding the item, but it doesn't work like that. Do you have an idea that would allow me to let the user fill in the email input field and log in?
@BuildingWithBubble
@BuildingWithBubble Год назад
Hey, as an alternative, you could use Bubble's magic link feature. This allows someone to log-in through a verification link sent to their email. Hope this helps!
@ludovicblondeau5713
@ludovicblondeau5713 Год назад
@@BuildingWithBubble Thanks, I will try :)
@blockchaindeveloper3479
@blockchaindeveloper3479 Месяц назад
what is flexbox responsive design
@BuildingWithBubble
@BuildingWithBubble Месяц назад
Good question. Flexbox is a framework that allows you to create fully-responsive apps across desktop and mobile devices. It uses a series of boxes to allow you to position elements on your page.
@jasoncboy8994
@jasoncboy8994 Год назад
Could you please build an education app forexample a language learning app🙏🙏
@BuildingWithBubble
@BuildingWithBubble Год назад
Something like a Duolingo clone is already on my list 😉 There's just a lot to work at this time, but it's definitely coming!
@businessuser5146
@businessuser5146 Год назад
Can u please do hellobonsai clone or hectic app clone
@BuildingWithBubble
@BuildingWithBubble Год назад
Happy to add it to my list 👍 Are there any specific features you'd like to see?
@businessuser5146
@businessuser5146 Год назад
@@BuildingWithBubble love u so much man... god bless
@ludovicblondeau5713
@ludovicblondeau5713 Год назад
Hello, I bought your online courses and they are really useful, and I thank you. I would like to know if it is possible to generate referral links on bubble. I would like to create a landing page to grow my community before the launch of my application. The goal would be to allow those who join the group to be able to sponsor someone else in order to drop in the ranking. At the launch, the first 3 (those who have sponsored the most people) will win gifts
@BuildingWithBubble
@BuildingWithBubble Год назад
Glad the content has been helpful! And this would definitely be possible using Bubble. You could use a plugin like the Air Copy to Clipboard to allow a user to copy a link to the sales page. At the end of the link they copy, you could add a parameter that's the users unique ID. Then, when someone registers on your landing page, you could run a workflow that recognises if the parameter with the user ID has a value. If it does, you could assign a point to the user whose unique ID is in the link. Hope this helps point you in the right direction!
@ludovicblondeau5713
@ludovicblondeau5713 Год назад
@@BuildingWithBubble Super !! thanks a lot !!
Далее
Building A Trello Clone With No-Code Using Bubble
27:58
ЭТОТ ПЕНЁК ИЗ PLANTS VS ZOMBIES - ИМБА!
00:48
Good database design in Bubble
21:35
Просмотров 40 тыс.
How to Build a Signup & Login Feature in Bubble.io
22:18
Battery  low 🔋 🪫
0:10
Просмотров 13 млн
APPLE дают это нам БЕСПЛАТНО!
1:01
Просмотров 775 тыс.
iPhone 16 - 20+ КРУТЫХ ИЗМЕНЕНИЙ
5:20