Name: GPT Pilot
Uploaded: 2024-12-07T17:00:53.436Z
Duration: 2 min 33 s
Description: An AI-driven development tool that assists in creating production-ready applications by generating code and engaging in clarifying dialogues.

gpt-pilot

An AI-driven development tool that assists in creating production-ready applications by generating code and engaging in clarifying dialogues.

GPT Pilot

User password entered log in. There we go. You are logged in. So it fixed itself. How impressive is that? GPT pilot allows you to work with AI to create sophisticated full stack applications. I know I've reviewed a few other AI coding assistants, but GPT pilot really stands alone. The level of complexity and sophistication that you can build into a full stack application simply by working with AI with GPT pilot is incredible. 

GPT pilot is made for engineers and engineering teams. So I'm going to show you how to use it today. They're the sponsor of today's video and they have an amazing VSS code plug-in that just came out. So let's use that. Let's go. 

So with VS code open, I'm going to go over to my extensions right here and I'm just going to type in GPT pilot. And there it is, GPT pilot Alpha. So you're going to click this and I already have it installed. So go ahead and click install. Once you have it installed, you're going to see this little tab right here on the left side. Click that. We click open GPT pilot. 

Since I've already done this, it's a little different, but the first thing you're going to be greeted with is asking for your GP4 API key. Once you do that, click create new app. The really nice thing is you can save your progress along the way. If you build a complex enough application, it could take a few hours to do in collaboration with the AI. But a few hours is nothing compared to potentially weeks of work that it would have taken without this. 

What we're going to be building today is a full stack application that allows for authentication. So logging in, resetting the password, registering. Everything full stack. So what is the project name? Off me hit enter. Describe your app in as much detail as possible. 

So we're going to create a node.js app that enables users to register and log into the app. On the front end, create only three pages: one that enables users to log in, the other that enables users to register, and the third one shows the data of the logged in user. Make sure that after registration or login, the user is kept logged in in a session so that when you visit the homepage, you could see the login user. 

We're going to be using for the database. Now you can build anything here. Okay, now that we have this described, go ahead and push send. It's going to start asking me questions. So again, this is an engineer working with the AI together to create an amazing application. What authentication method?

Should we use for the login and registration process if you don't care you could just say I don't care choose whatever you want. But I'm going to say JWT tokens. Should the user verification process require email confirmation no. Do we need password strength requirements or complexity validation for the user registration yes but you can decide what that is. Should the homepage display any specific user data besides the username or email just the first name. 

All right now it's ask me all the clarifying questions that it needs and it's giving me a project summary as you can see here. I'm going to make this screen a little bit bigger so now it is doing planning and it's saying here are all the technologies that you're going to be using. Now it already stopped and it's waiting for an input from me. So please set up your local environment so that the Technologies listed can be utilized. When you're done write done so I can either write done or I can simply click this done button. 

I'll click the done button. I already have installed some of these things it can actually install itself but I like to just take a look and if I don't notice anything that I clearly don't have I go forward and click done. And now it's creating the action plan for development and the nice thing is as you're developing you're going to run into bugs just like any developer would. You can work with the AI to debug things to test things along the way and to make sure that you're ironing out things as you go. 

This iterative process between an engineer and an AI is really what distinguishes GPT pilot. Okay so let's take a look at some of the descriptions of what it's going to be building. Implement user registration backend logic and we have the programmatic goal we have the user review goal. Here's another one create the registration page so it's saying exactly what it's going to be building. 

Now for the actual development implementation task one initialize a nodejs project with express.js and set up a basic server. So here we go it says here to implement task one you'll need to follow these steps but that just means that it's going to run it for me and you'll see that in a minute. So here you can see it's planning all the commands that it's going to have to write out. 

Okay here we go so now it paused and it says can I execute the command npm init Dy and it gives you a timeout window that it can execute that within. So can I execute this yes yes you can and share the AI Agent Store with friends.

The nice thing is as it's building we're actually going to see the code being written over here on the left side. All the files being created and if it ever needs input on a specific line of code it actually pulls up that file, highlights the line of code and asks you for that input. 

So here we go. Can I execute the command npm install Express? Yes, you can. Okay, so here's the first good example. So I'm going to move that over a little bit and what we see here is that it asks me for input. Please open the file server.js and on line three check it out. 

So here we go. Input required. Decide on a fallback port number other than 3,000 if necessary. So it is highlighted for me. I'll fall back to 3002 and that's it. You just save the file and you continue and we keep going just like this. 

So can I execute the command node server.js? Yes, server is running on Port 3002. Great, and now what we're going to be doing is testing whether the server is spun up correctly. So it's saying okay, I'm going to spin up the server then you're going to run this curl command to just make sure it's up and running and it's also telling me what to look for if it did work properly. 

Okay, so stopped. We're going to click start app. Now the app is running on Port 3002. Scroll up a little bit. We're going to grab this curl command and it asks me to Ping Port 3000 but I believe it's 3002. So I'm just going to change that, hit enter and there we go, it's alive. 

So we can either stop the app or we can just continue and I will continue. Now it's going to install packages task two and so now you're starting to get the feel of the kind of pingpong back and forth between myself and the AI building this application. 

Okay, so we got to another stopping point. Can I execute the command npm install Mongoose? Yes, so all I really have to do while it's sitting here building things is just confirm and make sure it's working. So here we can see user.js just got built out and now we have a pause. Open the file. 

Share the AI Agent Store with friends.

MV and online one check out the required input. 

Okay let's see. So it just says replace with your mongod DB connection string if you're not using the default local. But we are so we just delete that comment, save and continue. 

And yes you can do npm start. 

Okay so we have our first error. So it says can't find module.

MV and that's because we don't have it installed. So can I start debugging this issue? Yes, so here we go. The error message indicates that M package is not there. Can I install it now? It's asking me to install it. Yes, you can npm start again and that seems like it worked. We have two warnings which is what we're seeing here but that's okay. 

Now we've reached a point where it's asking me to make sure everything's working again. So start app. Okay, these are all warnings, that's okay and mongod DB connected. So it looks like it's working. So we're just going to click continue. Now it's going to be implementing user registration backend logic with password hashing using bcrypt. 

All right, we got another one npm install bcrypt. Yes, okay now it's gotten to the point where it actually wants me to test user functionality. So I'm going to try to register a new user for the app. So we'll go ahead and click start app and then we're going to run this request to just make sure that the user registration works. 

Now I could also do this through the browser, no problem. All right, so I pasted in the code. Let's see if it works. User created successfully, amazing. Okay, so now that we know it works, we're going to come back here and we're just going to click continue and it's going to keep building. It's that simple and it looks like we're about a third of the way done. 

So here we go. Now it's creating a bunch of new pages. It's also adding to the readme which is really cool. So it's actually creating a readme as well. Okay, so now it needs to install ejs and bootstrap. Go ahead and now it's going to start doing the front end, I think. 

So now it is asking me if I want to do something. Can I execute the command make directory? Yes, I need human intervention. Copy the bootstrap CSS and JS files into the public SL CSS and public sljs directories respectively. Okay, so it does seem like I need to do this part manually. 

So let's go download those libraries. So I go to get bootstrap.css it told me to and here it is. So let's unzip it and there we go. CSS and Js, those are the two things I need. So I am simply going to replace what I have in there. There we go, I'll delete these and now it should be good to go. 

Let's just make sure, yep there's everything. All right, that was very easy. Next, let's start the app just to make sure it works. We have some warnings but otherwise it seems like it works. So continue. Can I execute the command node server.js? Yes, okay so we have a little error got.

Incorrect CLI response. It's a deprecation warning. So this is a warning we shouldn't have got the error. But let's see, go ahead and debug it. It might just say, hey, this is actually a warning, no big deal. Yeah, the deprecation warnings are not critical and should not prevent the server from starting. 

Okay, so it might try to fix it anyways. No debugging appears to be necessary. Okay, so we've gotten to another point where GPT Pilot is asking me to verify that it's working. So let's do that. So we just click again, start the app. We have some depre warnings and these are all warnings, so that should be fine. Server is running on Port 3002, MongoDB connected. 

Okay, so we're going to grab this curl request, going to copy it, switch over to terminal, paste it in, hit enter. User successfully created. Let's try it again just to make sure we get an error warning now because this user is already created. Perfect, user already exists. 

Okay, now that's it. We just click continue implementing task five. Implement password strength requirements as a middleware in the registration route. So now it's writing out the plan to put in stronger password requirements and now it's actually coding it. 

Okay, there it made the changes. Okay, now it's asking if it could do npm start. Sure. Next, it's going to ask me to test if the password strength requirements are correctly implemented and it's giving me the code to do that. So here it says password weak and it's going to ask me to spin up the server again and try it again manually. 

So there it is. So I just click start app again. I can scroll up, grab this command right here, switch over to my terminal, paste it in, hit enter, and there we go. Password does not meet strength requirements. Perfect. 

Okay, so I click continue, we keep going. Now it's writing the JWT secret code. Okay, so it wrote a bunch of code. Now it's asking me to install a few things. Go ahead. 

Okay, and I can tell that it is asking me to verify something. So anytime you see code highlighted like this, it's asking to verify. So let's look at it. Add a secure JWT secret key. So I'm just going to add super secure. It doesn't really matter for this test. I'll save it, open this back up, and continue. 

Now we have another one, session secret key, and it'll be super duper secure and continue. Alright, now we're going to test the login functionality. So let's click start app, grab that command. I'm going to paste in the command they gave me and I'm actually going to use a user that I.

Already know is registered so back up here for my previous commands. Copy that all right and then I'm going to use the password of password 1 2 3 and hit enter. Logged in successfully perfect and it responded with a token awesome. All right back here continue and now we are 2/3 done congratulations 66.67% of your project generation. 

And before continuing it's actually creating documentation which I absolutely love very cool. And here's the documentation on the left side bunch of information about how this is built. Now implement task 7 create login page using EGS and bootstrap and handle successful login by redirecting to the homepage. And here's some of the code and we're on dev step 116 now. 

And another really nice thing is that you can always go back. If you have any problems you can go back to any step in this entire process all 116 steps. You can restart from there and go forward in different directions if you choose. So if you don't like the way something came out or if you run into any bugs simply go back to a step and restart it from there. 

All right npm start again yes it's just making sure that it's working and look how much code has been written already. I mean there's so many different files. All right Dev step 121 to test if the task was completed successfully the user can follow these steps. So now it's asking me to do it and now I'm actually going to use the web login to see if it worked. 

And when it's done it's going to give me the little message to start the app yep. So go ahead and click Start I'm going to grab the login URL right there and here we are. So let's make sure that we can log in. So I'm going to grab the same user that I just logged in through the terminal paste it in and then I'm going to grab the password as well paste it in. 

Login invalid email or password okay okay okay. So let's make sure we can still log in with this found redirecting to home. All right so it does work through the console but it's not working through the interface. Okay so we're going to debug this now. 

So it says right here if something is wrong tell me so I'm going to tell it right away. Okay so I'm going to say through the terminal it works fine but when I try to log in using the same credentials through the UI I get this error. And then I pasted it in we're going to click submit and hopefully it's going to be able to fix it. 

Okay so given the information provided by your colleague it appears that the issue lies in integrating.

The front-end login form with the backend loog login Logic. The fact that the login Works through the terminal but not through the UI suggests that there might be a problem with the form submission. Okay perfect so it's going to try to fix it now. Let's see what it does. All right now it's asking for some user input input required line 62 of users.

JS so we're already there. Let's go to line 62. There it is and it says add the required input. So add server logic to handle incorrect email password and redirect direct with an error message. Okay that's fine and same thing here that's fine. 

Okay so we're going to save and continue. Type y to continue. Okay submit. All right now we're going to test it again. Start app grab this URL right here. Okay let's try it again. All right user password entered log in. There we go you are logged in. So it fixed itself. How impressive is that? Very cool switch back to the app and continue. 

So it's asking to do npm start again. Yes great can I start debugging the issue? So we have a deprecation warning. So it probably doesn't need to do anything with that but it's asking to anyway. So go ahead. Yeah so the deprecation warnings are likely not a cause of critical failure but may require attention in future updates. 

So it's still going to try to fix it and do it a little bit better. Remove the deprecated Mongoose warnings. Now it's asking to run node Trace deprecation. Yes you can. Now it says manually verify that session persistence works by logging in restarting the server and verifying that the session remains active. 

Okay start now here I'm logged in. Refresh the page I'm still logged in. I'm going to stop the server. I'm going to restart the server. Go back refresh and I'm still logged in. Perfect. 

All right implementing task number nine. Build the homepage to display the logged in user's first name using the data retrieved from the JWT payload. Okay here we go npm start again. Yes testing everything is working great. Moving on to the next step. 

Okay now it's going to ask me to do something. So again log in then I'm going to be redirected to the homepage. Verify that the page displays my name and for a more automated way to test the implementation from the terminal using curl we can do that but I'm going to do it the manual way. 

So I'm going to click Start. I'm going to go over here welcome test. Refresh and I'm still logged in and it still says welcome test. So perfect. 

All right we're done. Congratulations you've reached 100% of your project generation. So now we have a full stack application front end back end a way to log in a way to store that login information in the database. We have a JWT secret protocol set up completely done for us by AI by GPT pilot. It is super impressive. 

Now I worked with it step by step throughout the process to verify that. Share the AI Agent Store with friends.

It worked. I ran into some issues and I fixed it with the help of AI. 

Finally, now it's writing more information in the readme file. The app is done. Now you can use it. Wonderful! Look at all that beautiful code written. 

Now it's asking me if I want to add any features or changes. So for now, I'm just going to click enter for no. But of course, you can continue to extend this application. 

As I mentioned before, if I click this little back arrow right here, I select an app off me. You can select any of these major steps. So I'm going to say coding. 

Then you can also select a development step. You can start over from any of these steps. These steps are referencing the different steps that we went through to build this application. 

If you run into any problems, jump in their Discord. The two Founders are great. They're super helpful. They'll help you out. I'll drop the Discord Link in the description below. 

If you liked this video, please consider sharing the AI Agent Store with friends.

Note, that there may be slight differences in text and video. Watch video for the original content.

GPT Pilot Video