All righty now on to the setup for our project. If you've never done any web development before, there are a few things that will need to be installed on your computer before we can start the project. If you have, make sure you've installed, get for Windows and connected to GitHub account, installed Visual Studio code or a similar code editor, make sure you have Google Chrome. And lastly, make sure you've installed node j s slash NPM. As we'll need this and download NPM packages for Angular and Firebase. I'll now go through the downloads and installations as there are a few tips that will make this process easier for those who are unfamiliar with it.

So first, we're going to go to the get for window website good for windows.org. And we're just going to click the Download button. Very simple. So good for Windows is essentially a way to upload a record of your code from your computer into the network repository of GitHub or other similar sites. And this is very important as it allows us to share our code with others during this setup will actually also be able to make sure that Windows Explorer integration is included. This will allow us to open up a terminal anywhere by just right clicking and opening get bash and will actually also be able to install Visual Studio Code through a link in this setup.

So we're going to click Yes. Next, Next, and you can see we are making sure that we have Windows Explorer integration. We'll use that later on. And now we're at the text editor screen. So we can select Visual Studio code here. And we can actually just click on this link, and then download for Windows.

OK, now we're going to launch the setup file here. And during this setup, we're going to want to make sure that we add open with code to the Windows Explorer menu as well as this allows us to in any folder launch into Visual Studio code to create a new project, okay, so we're gonna actually check all these and we're gonna register it as the default editor. Okay, and we're going to install Okay, great. We're not going to launch it quite yet. And we're going to Alt Tab back into our Get set up and we're going to finish it. We're going to go back and the next thing you can see now we can click next because we haven't installed and we're just going to click Next on all the rest of these as they don't really impact our project.

Okay, we don't need to view the release notes and we'll just finish the setup. Alright, so the last thing we're going to install is Node JS and NPM. We're going to go to node j s.org. And we're going to click the LTS version. It's recommended for most users as you can see here. Okay, we're gonna click next.

So NPM is a great tool because it allows you to install other components and frameworks from other people. NPM stands for node package manager. So it just basically allows for a lot of shortcuts and reusing things over and over again. Alright, so now our installations are finished, the last thing we're going to do is we're going to go to github.com. So I'll let you sign up on your own. So you're just gonna sign up, create a free account.

And afterwards, make sure that you verify your account through your email. And once you have it all activated, you can then create a new repository. So we're going to do that now. And you can name it anything you want. I'm just going to call it Angular p, W, A. And you can add a description if you want, I'm gonna leave it blank.

I'm gonna leave the rest of this the way it is. I'm just gonna click Create repository. So we're actually going to be using this to upload our code. So I'm actually going to copy this and we're going to go back now to our desktop. So we're going to create a new folder on our desktop. And we're just going to call this coding projects.

And then inside of that, we're going to make another folder for our specific project. And we're going to give it the same name Angular pw a. And then we're going to right click and open with code. And so that's a quick way to get into a project that you want isolated in one folder, which is nice. So we're going to minimize our explorer here. We're going to go to View and we're going to use Visual Studio codes integrated terminal.

So you can see that I have get bash already set up here. But if you have PowerShell, which is what it should be, by default, you can click Set, select default shell and just make sure that you have get bash selected. There. Alright, so now we're going to first thing we're going to do is we're going to add our GitHub. So we're going to do type in get config, dash dash global space user dot email. And then in double quotes, we're going to type in the email address we use to sign up for GitHub.

And double quote, press enter. All right, cool. Now we're going to set up our project locally before we push it into the repository. So in the terminal, we're going to type Echo, double quotes, and we're just gonna have it's a readme quotes and dash dash and the file name will be the same readme.md Okay, enter. Now we're gonna type get And knit. So this is going to initialize an empty repository.

In this folder, we're going to type get add, and then period period means it will add any file that's been changed. And then we're going to do get remote add origin. So we're going to paste what we copied earlier. We're going to press Enter. And then we are going to have a comment for the commit. So this is how you kind of separate what you've been working on in each each time that you push changes to your repository.

Normally, you'll start out with initial commit as the first commit. And then we're going to do get push origin master. This is actually going to send from our local project into our repo on GitHub. And so you might have a login for GitHub that pops up here just make sure that you enter in your email and password. But for me, I do Did that previously. And you can see that everything is 100%.

So we're going to Alt Tab back into our GitHub repo here, and we're just going to refresh. And we can see that now we have a readme. So we've just pushed our code from our computer into our repository. So we're actually going to delete this because we're going to start fresh, commit these changes. And in the next video, we're going to start on our Angular and Firebase setup. So I'll see you in that one.

Bye for now.