# Getting Set Up

## Install Global Software

### [Install Git][git-url]

### [Install Node.js][node-url]

### [Install Ruby][ruby-url]

### Install SASS

```bash
gem install sass
```

### Install Compass

```bash
gem install compass
```

### Install gulp globally

```bash
npm install -g gulp
```

### Install babel globally

```bash
npm install -g babel-cli
```

### Install Protractor globally

```bash
npm install -g protractor
```

### Install PhantomJS globally

```bash
npm install -g phantomjs
```

## Install local Software

### Clone this project repository to your local machine

```bash
git clone https://github.com/levilindsey/gamex
```

### Use NPM to install all local project dependencies

From within your project directory, run:

```bash
npm install
```

## Run the App Locally

From within your project directory, run:

```bash
gulp
```

## View the App

From within your browser, navigate to:

```bash
localhost:3000
```

## Live Reload

[Live reload][live-reload-url] is a pretty cool feature that refreshes your page within the browser every time you make 
a change to your code. The gulp tasks in this project do include support for live reload, but you will need to install 
a [plugin/extension][live-reload-extension-url] in your browser for this to work.



[git-url]: http://git-scm.com/
[node-url]: http://nodejs.org/
[ruby-url]: https://www.ruby-lang.org/en/
[live-reload-url]: http://livereload.com/
[live-reload-extension-url]: http://feedback.livereload.com/knowledgebase/articles/86242-how-do-i-install-and-use-the-browser-extensions-