- [Instructor] All the files for this course are freely available at this GitHub repo on this URL. This repository has branches for each of the videos in the course. You can use the branch popup menu right here to switch to a specific branch and take a look at the course at that stage. For example, if I wanted to get to the files in the second chapter and in the third video, I could go to this one right here. If you see a B at the end, that means that that's how the files looked at the beginning of the video, and if you see an E, it means it's how the files looked at the end of the video.
In this course, we'll be working with files that are in this source directory. The master branch has how the files looked at the end of the course. If you're not comfortable with GitHub, make sure you take a look at the course, Learning Git and GitHub. Let me show you how to clone all these branches to your local directory right now. To do that, we're going to need to get the clone URL, which you can get by clicking on this button, and then clicking on this one right here. You're also going to need to have Node.js as well as Git installed.
To do that, you can get Node at this URL, make sure you download the latest version, and you can get Git at this URL. When you install Git, if you're on a PC, you may want to install something called Git BASH, which is a special terminal that lets you issue GitHub commands for Unix machines. On a Mac, you can use the terminal application. I'm going to use this application called Hyper. First, I want to make sure that I'm in the desktop, so I'm going to do a cd ~/Desktop command.
Now I'm going to create a directory on the desktop with the mkdir command, and then I'm going to use a name like reactSPAs. I'm going to switch to that directory with a cd reactSPAs command, and then I'm going to issue a git clone command with the --bare option. Then, I'm going to paste the GitHub repository URL, and add an extra .git at the end.
This will create a bare repository. It's essentially a repository that has only the .git folder in it. Now we need to convert this into a regular repository, so I'm going to issue a git config command and turning on one of the internal variables, called core.bare, to false. Now I'm going to issue a git reset command, with the --hard option. This will make this a regular repository, and if you issue a git branch command you'll be able to see all of the branches for this course.
Before you do anything else, you'll want to issue an npm install command to install all of the project dependencies. This will take a while, and you don't have to do it until the third movie in the course. I'll start each video with the reactSPA folder opened up in my favorite text editor. I'm using Visual Studio Code for this course. Visual Studio Code also has its own terminal which you're welcome to use. You can go to the View menu, and select the Terminal command right here.
From here, I'm going to issue the npm start command and that's going to open up the finished version of the application. Visual Studio Code also has a nice little popup down here where you can choose the different branches. I'll start each video with the npm start command already running, and with some of the files in the source directory already open.
- Integrating Firebase
- Managing state in forms
- Registering users
- Logging users in and out
- Creating, editing, and deleting records from Firebase
- Filtering and searching data