Databutton Review: Watch me build a travel app using AI

0:00 by the end of this video you're going to find  out if databutton is as good as liable and bolt   0:06 for building apps with AI we're going to build and  deploy a real travel app here we are on databutton   0:17 so this looks quite familiar to the other AI  building tools before testing this tool out   0:23 what we're going to do first is just have a little  scroll down to see what people have built so this   0:28 will give us an idea of what you can build using  databutton so the first one is called volvla I'm   0:33 going to go to the app and check this out just  to get a little bit of a taste of what you can   0:37 build so your dream wardrobe designed by you  built by us this was built on databutton um so   0:45 if you start designing it looks like it's an AI  app that we can use to generate different types   0:51 of things this allows you to create wardrobes  another one is tagify which as it says here   0:59 as where you can signing straight away very AI  generated here it's just saying powered by jump   1:05 there's not a lot of information here but if we  go back it says it's an AI powered video taging   1:11 for SEO and recommendations and we'll look at one  more just to see before we start building this is   1:17 called absolutely not twitch and it looks  like it's a streaming account or streaming   1:25 website that is all about game play so pretty  impressive now it says down here these are the   1:33 different prompts that we can use to get started  so there's a travel itinerary and booking app um   1:39 very simple prompt here I'm just going to try  it with the prompt that it's recommending and   1:44 see what it comes up with so at the moment it's  saying setting up your app details almost there   1:50 and then we get into this here which is really  interesting because it allows us to go into the   1:56 different categories of our app to really find  what we want to build so it says fine-tune the   2:02 key information about the app you're building  we've prefilled a form very small writing here   2:07 we've prefilled the form partially based on the  initial app idea feel free to make updates needed   2:12 so a travel itinerary and booking app that allow  users to save their trips too target audience so   2:24 preferences and special needs people who like to  travel often and like new experiences going to   2:34 call the app travel traveler and then the what we  got have down here is main screen size desktop and   2:45 default theme light let's just stay with that for  now and generate starting point with AI so you can   2:52 see here we already have on the left we have the  different pages we have the UI components UI file   3:00 backend media public and internal storage so  all of this is into different sections that   3:08 obviously we can build over time now over on the  right it's saying now build a first version that   3:12 includes a core trip management features including  a clean and travel inspired design that will allow   3:17 us to create trips Etc let's start building now  I'm going to pause it here and see how long it   3:24 takes okay that took about 3 minutes and you can  see up here that it's done a lot of things like   3:31 code written add core components add pages for  trip management logs read and then then it says   3:38 here I've built the first version of traveler Le  here's what you can do with it view all your trips   3:43 on the homepage create new trips with destination  and dates view detailed trip information add add   3:48 activities to your trips through times locations  and notes see your trip activities in a beautiful   3:53 timeline could you please set it out by creating a  new trip adding some activity of the trip viewing   3:59 the trip details and timeline so I'm going to add  wow this looks really incredible already so plan   4:05 a new trip we're going to say let's just uh let's  just go with what they're saying summer vacation   4:10 I'll fill this out it's got a cool calendar  feature here that you can see okay and then it   4:15 created this card here so it it's created this new  card if we go to trip card and then if we go to   4:22 the home we can see how this is happening here you  can see it on your trips now we're going to click   4:28 on this this isn't exactly what I had in mind when  I built out the app or mentioned the app in the   4:34 first place but we're just going to go along with  it CU I was thinking it was going to be an app   4:38 where people could book trips and look at trips  to book but this could be used if you think about   4:43 it in a way of between families between friends  Etc so we're going to add activity we're going to   4:52 visit Eiffel Tower going to choose the date if I  remember the dates of when we're going time 12:05   5:00 and then scroll PM location Eiffel Tower and no  additional details so activity is there so then   5:08 if we go back to the homepage we got some of  vacation and we have itinerary here too I just   5:14 say it looks good and see what it says here what  is the next step so it's saying we recommend we   5:22 enhance a homepage with some practical features  a search bar so we're going to add a search bar   5:27 this is cool so it's it's actually given us  these recommendations and then given us these   5:32 quick button presses so that we can ask the AI to  do it for us so we're going to say let's say add a   5:41 search bar to the homepage so it wrote the code  but it failed to update app page so we're going   5:48 to see what happens next okay so code written  updated app page inspect changes and it just   5:56 says here I've added the search functionality you  can now search trips by typing in the search bar   6:00 filter by trip title and destination so we're  going to refresh the app and we can see that it   6:07 is there so you can search by the trips here it  also looks like it deleted the trip from before   6:14 so I'm just going to add this again there it is  and then we're just going to put in Paris and   6:19 obviously it's already there anyway so that's what  it looks like on desktop we can see what it looks   6:24 on mobile as well looks great and then there's  some other details here can add trip deletion   6:30 option this is the last thing we'll do before we  look at the Firebase and also deploying now it's   6:36 saying here unable to preview your app so your app  contains one of more errors that must be fixed the   6:41 preview should resume automatically when fixed  if it does not try refreshing the preview so I'm   6:46 not going to go too far into debugging this but  what you can actually do is if you scroll up you   6:52 can restore to this point confirm restore and I  imagine this is going to restore it from this area   6:59 here so let's see if this works okay so it  actually restored it back to when it was working   7:06 better all of all have been quite impressed with  this so far let's just see when we click Firebase   7:12 is that you can paste your Firebase config here  so then you you're able to then set up Firebase   7:17 that way if we just click deploy you have to set  a public account wide username to do that okay so   7:23 click deploy trly deploy up so let's see if it's  going to deploy so it's saying it's successfully   7:34 deployed the app so if I open it up very cool  so you can actually add the trips in here go   7:40 back to the homepage search trips as well so you  can think about the different types of apps that   7:46 you can create using databutton if You' like to  learn more about how to build apps with AI then   7:53 go to no code. MBA to take our tutorials using  tools such as bubble flutter flow Glide and how   8:00 to build websites using tools such as webflow  this is taught by the top no code instructors   8:07 just go to no code. NBA to learn more about that  be sure to check out our guide to bolt and also   8:14 our guide to lovable so thank you for watching  and we'll see you in the next video bye for now