This workflow is a common way of collaborating on open source projects using Git and GitHub.
We will walk you through how to Fork and Clone the repo so you can begin to contribute. We will also show you how to Install React dependencies since this project is using React as its' framework.
By forking you are creating a copy of the repo in your own GitHub account.
Here is how to fork:
-
Make sure you’re logged into your GitHub account.
-
Find the GitHub repository with which you’d like to fork. In this case: https://github.com/tutordelphia/Free-Code-Camp-Philly-Showcase
-
Click the Fork button on the upper right-hand side of the repository’s page (right under your profile picture).
-
Congratulations! That's it. Navigate back to your repo listing page and you should see the Free-Code-Camp-Philly-Repo in your repo list.
In order to make changes and additions to the code, you must clone it to your local machine.
Here is how to clone:
-
Open the terminal of your choice (* see terminals at bottom of page) on your local maching and navigate to the folder you would like to save the repo. (You can do this right in Viusal Studio Code also by clicking "view" on your toolbar and selection "Integrated Terminal").
-
Go to the forked repo in YOUR Git Hub account. On the right hand side of the page you will see a green button with "Clone or Download". CLick the green button and copy the url link,
-
Go to your terminal and type: 'git clone" and then paste the url. Press enter.
-
Congratulations! Now you have a working branch on your local machine.
In order to make React work we need to install some dependencies.
-
Go back to your terminal. You should still be root folder directory for the cloned project. Navigate to the Showcase folder in the directry by typing: 'cd Free-Code-Camp-Philly-Showcase/showcase'
-
If you already have Yarn installed on your local machine, you can skip this step. If not you will need to download and install it here: https://yarnpkg.com/lang/en/docs/install/
-
Type 'yarn install'. This will take a few minutes as yarn builds your dependencies.
-
When the install is finished, you can type 'yarn start'. This will run the app and open it in your browser.
-
Congratulations! Now you can start coding!
- Terminals: A commonly used terminal is GitBash, but you can use any terminal you feel comfortable working with.