Chat GPT Mobile App in Minutes - A Beginner's Guide

guess what AI has transformed software development it builds this food delivery app if chat GPT and GitHub Pilots can write your code for you then you can focus on your real job high level design and breaking down your big Ideas into smaller steps and solutions if you are interested in creating your own mobile app for example life will be a lot easier with AI the key to unleashing the full power of charge GPT and app development has been as specific as possible with your query if you simply prompt charge GPT build me a customized dating app it will give you something very generic because it cannot really interpret what exact functionality you want my goal here is to walk you through How I build an app which are GPT but before we get into the how let's take a look at the app this is the landing page you click on the button and it takes you to the page where it shows you all the restaurants around you then you can search for different types of restaurants let's set for coffee for instance also set for ice cream for instance then if you click on any of the restaurants it will take take you to the page where you can make place an order or make a reservation let's get into the real job deal two is a free image model built by open Ai and it will help us generate UI designs for the app let's enter a prompt first then click on generate so now we can draw inspiration design Inspirations from these examples here next we want name ideas for the app an excellent task for the chat GPT text model which we will be using to build the app let's go with platepal because you know Playpop every useful app needs to work with data so we would actually be just give us free apis which we can use to get restaurant data um I decided to go with Yelp because Yelp is free and popular finally where do we even begin building this app so chat GPT is going to give us step-by-step instructions that could you know help us start building the app first things first we need to download Android Studio and open it up we name our app clickpal and we create it next we want to create a landing page the first page you're going to see when you open up the app on the Android phone it generates the front end for you and you have to copy it go to Android Studio and paste the code right there so we have to link the images for the UI but this is what the default page currently looks like yeah so we'll link all the images under the drawable folder after we have linked the last image this is what the UI looks like now let's add a cute button to the UI we go to GPT and copy the code to add a colorful button customize the color to your taste then paste it in the landing page UI code we want to navigate to a new page when we click on this button so we need to create the new page or the new activity it's called an activity in Android we need to create a new activity we can name it um order activity and we create the new page so the goal is to click on the button and the button will send us to that page so yeah uh this is the code to navigate to the new page from the old page so we copy the code and we paste it in the main activity.java file so this is the empty page we created we want to click on the button in the main page then use it to navigate to the new page which is the order activity so let's let's do a demo to see how it works so this is the the landing page we click on the order now button then it takes us to an empty page simply so now this confirms that it works what we want to do on this page is we want to populate all the restaurants here now let's go to the Yelp Fusion API website where we're gonna get the API key we would use to get all our restaurant data so you sign up your app enter your information and create the app and they will give you an API key so just store this somewhere because we're going to be using it in the in the app now let GPT make the API call for us copy the dependencies the interface the main code make sure you put your API Keys here copy the helper classes and paste them in your order activity charge GPT will display the restaurant here so let's go copy the UI code then we paste this in the other activity user interface we also need to copy like the back end code too and paste this in our order activity so it's gonna display the data you paste everything you copied in the order activity and also copy the restaurant adapter class you create a new class and add the restaurant adapter there so if you notice everything is red because cha GPT made it created restaurants instead of businesses so all you have to do is rename the restaurants to business because that is that I'm the class we have in our in our file so after that it's done let us create the search box so you can search for restaurants so this is what the UI looks like right now you paste the search box and you modify whatever text you want or the hints you want to be in there I'm gonna go with food search I think because it's simple and cute so this is what the UI looks like right now so essentially our app is almost done now we can search for restaurants uh any type of restaurant you want um let's search for wings yeah because I want wings get wings you can search for coffee you see you have coffee here now so yeah it works as expected pastry oh my God this looks so good you can have your pastry now so Indian food yes get Indian food too the final functionality we want for this app is the ability to navigate to the restaurant's website to make a reservation or place an order when the restaurant is clicked on on the app so all we have to do is copy this part of the code and click listener and paste it in the restaurant adapter so it's finally done let's test it [Music] [Music] thank you for watching I really hope you learned at least one thing from this video if you are interested in more AI related videos subscribe I have a lot in store see you at my next video

Channel: Chisom Okwor

Views: 57,631

Keywords: chat gpt, chatgpt tutorial, android chat gpt, openai, open ai, openai gpt 3, android development, food delivery app, bard, microsoft, microsoft chatbot, tech news, coding projects, coding projects for beginners, ai projects, how to use chatgpt

Id: afZQpiOXGY8

Length: 8min 48sec (528 seconds)

Published: Sat Feb 18 2023