Create Repository, Commit, and Push using GitHub Desktop

hey my name is guillermo and today i'll be showing you how to create a github repository and upload all of your project files into your repository and update your readme file so that you can be able to submit your code path assignment all right so the first step we're going to do is go ahead and download github desktop you can see the link above which is desktop.github.com in the meantime while you have this downloading let's go ahead and go on to the next steps while that completes the next steps are going to be to create our github repository so i'm going to go to github.com and i'm going to go to my profile right here and the next step is to go ahead and click on your repositories menu which is located next to your overview so i clicked on my repository section and i'm going to go ahead and create a new repository now in this menu it's going to ask us a couple of things about our repository first we're going to give it a pre-work a repository name in this case i'm going to call it codepath pre-work and as a description it's always good practice to have a description about your project in this case it could be for example a tip calculator or a to-do list whatever it is you think might be best to help others understand what your project is all about in my case i'm just going to put codepath keyword project and i'll make sure that it's public that way everybody can view it and also the graders of codepath are able to view my project and be able to grade it next we're going to initialize it with a readme file and i'll explain in a bit what the readme file is later on don't worry about it for now and we're going to go ahead and finally click create repository all right once if that was successful you should be prompted with a new screen that shows your pre-work repository you can see the name at the top and also a couple of other menu buttons located below it now we're not going to go into so much detail about that right now you'll learn more about them in the course but for now we notice that there is no project files here so we need to figure out figure out how to upload our pre-work which is right here this is where i worked on my pre-work project i need to find a way that i can upload all of that into my github repository so now we need we need to connect this into our own computer how do you do that well going back to the first step which is downloading github by now github desktop should be downloaded on your computer and let's go ahead and open github desktop i'm searching up for the application but you should be able to see it on your own computer as well once it finishes downloading or installing and this should be the first thing that you see unless you've already used it before of course and i'm gonna go ahead and sign into my github account and i'm gonna click yes open cool so use my github account name yep that looks fine to me and finish awesome so now we need to connect our repository into our computer and we're going to use github desktop to do that for us you'll notice that some of your repositories are all already located here and i'm going to go ahead and search up for pre-work here it is members code path pre-work i'm going to go ahead and clone that now you don't have to worry about this link right here that you should leave that alone this just explains which repository to clone it's already pre-filled for you but the local path you should definitely pay attention where it is going to be saved in this case i noticed that it's going to be saved in my documents and then github and code path pre-work but for the sake of me trying to see where it is i'm going to save it on my desktop somewhere around here i'm going to click on where desktop and there we go so it's going to save in my desktop instead of my documents but this one you can choose wherever you want to save it you don't have to follow exactly as i'm doing it here this is just for my own preference i'm going to go ahead and clone it now and you've noticed that my codepath pre-work folder has been created which is right right here this is the folder that's connected to this repository now we're going to figure out how to connect our project files into our repository the next step we're going to do here is to copy over our project files into our repository so as you remember this is my original folder where i was working on my project so what i'm going to do is transfer all of these files over to my codepath pre-work folder and this is where my pre-work repository lives so as you noticed i transferred over my original work into my pre-work repository all right make sure to not get those confused cool now that i know that my work is in my repository i can go ahead and close finder and if you go back to github desktop you'll notice a bunch of things going on here you'll notice that there's a check mark and a little file name on top of it with a little plus sign this just means that there is a new file added to your repository once you've once you know all the files have been added you can go ahead and add a summary of what you did added rework files to repository your message can be anything you want but this is the message has to be required so it won't let you save your work unless you put a message and this is crucial so that you know what you've been doing throughout the the course of working on your project for me i added this message but it can be whatever you like to be now that i finished adding that message i'm going to go ahead and commit to main and next you'll see this prompt that says push to origin you can click here or you can click here as well both of those will work let's go ahead and push our work now to our repository cool so now if it was pushed successfully you should see your screen back to this one and to confirm i'm gonna go back to the website and refresh our repository here it is now we can see that my folders from the work that i completed are there let's go ahead and take a quick look and i can definitely see that my work has been added there successfully i see my assets folder my app delegate my view my view controller etc cool so now we have successfully added our pre-work files into our repository successfully using github desktop next step you're going to be learning how to update your readme file now to read me the to update the readme file i'm going to go into my prework repository and you'll notice that there's this file called readme.md i'm going to go ahead and update this and while that is loading i'm gonna go back to the pre-work and i'm going to download my tip calculator readme template this template contains the information that i must submit to my project before it is successfully submitted so what i'm going to do is i'm going to copy all of this information and i'm going to paste that in my readme file right here there we go once that is added make sure to do the com the following to do's on your app that way you'll be able to successfully complete the application and submit it for work don't remember to leave those x's for those that for those requirement functionalities that you completed that way we know that you completed those and you added a video walkthrough which are explained in the other video tutorials but in the meantime i'm going to go ahead and save this and let's go back to our github repository this time you'll notice that there's a little orange square and it says modified this is to tell the user that you this file was not added but instead it was modified it was updated and you can see in red that this is these are the lines of code that i deleted and these were the lines of code that were added and the way you can tell which one is which is by looking at the plus signs or the minus signs as well as the color of it green means that it's new code red means that it's code that was deleted once that is done i'm gonna go ahead and put my message before i save my work updated readme and i'm going to commit and push now if we go back to our repository this readme should be updated once this is done cool this is done let's go ahead and refresh our github repository nice cool we can see that those those squares that were marked with an x are showing with a little check mark that's perfect and if you want to continue on with the optional features which we highly recommend doing please go ahead and do so and in the meantime stay tuned for the next tutorials

Channel: Guillermo Sanchez

Views: 107,909

Keywords:

Id: PvUexC0-D2s

Length: 10min 1sec (601 seconds)

Published: Thu Jan 13 2022