From the course: Using AI in the Design to Full-Stack Development Life Cycle

Unlock this course with a free trial

Join today to access over 24,500 courses taught by industry experts.

Make it real: First frontend iteration

Make it real: First frontend iteration - Firebase Tutorial

From the course: Using AI in the Design to Full-Stack Development Life Cycle

Start my 1-month free trial Buy for my team

Make it real: First frontend iteration

“

- [Instructor] Now that we've generated our output using ChatGPT, let's go ahead and look at how it looks in the code base. Right, so I've copied and pasted the code that it gave me in the output into my project, and it's important to note that it just gave me the files, right? It was my expertise and my knowledge that let me know where to put the files, how to structure it, and how to make sure that it's working correctly in the code base. So, let's go ahead and take a look at the different things that I've had to create. Right, so it didn't tell me to make the components directory or the CSS, this is how I organize, right? So, again, shaping this output that we get into something that works for our project and what we're trying to build. So, we have our styles, we've imported them, we have all the code here in our different files, we got our component and classes, everything is working the way we want. Page.js has been replaced, and once we put those in there and address the errors,…

Contents