# WebLearn
WebLearn is a responsive distance learning website developed for the [Springfield Adult Learning Center](http://www.stcc.edu/adulteducationcenter/) (SALC). This design utilizes a versatile mobile-first design with PHP, HTML5, CSS3, jQuery, SASS, Grunt, and Bootstrap. Encapsulated in WebLearn are two academic learning labs. ABE Lab is designed for students pursuing High School Equivalency Test preparation classes. ESOL Lab is a resource to help recent immigrants at SALC learn English.

## URL

[http://www.salcweblearn.org](http://www.salcweblearn.org)

## Installation
It will be useful to set up a test server on your localhost to preview changes before you make them live on the web server. I usually use [Vagrant](https://www.vagrantup.com/) for this purpose. However, whichever environment you choose should run the Apache web server and a stable version of PHP.

Make sure you've installed the following prerequisites on your server before we begin:
* [Node.js](https://nodejs.org/en/)
* [Grunt](http://gruntjs.com/)
* [SASS](http://sass-lang.com/)
* [GIT](https://git-scm.com/)

# WebLearn
WebLearn is a responsive distance learning website developed for the [Springfield Adult Learning Center](http://www.stcc.edu/adulteducationcenter/) (SALC). This design utilizes a versatile mobile-first design with PHP, HTML5, CSS3, jQuery, SASS, Grunt, and Bootstrap. Encapsulated in WebLearn are two academic learning labs. ABE Lab is designed for students pursuing High School Equivalency Test preparation classes. ESOL Lab is a resource to help recent immigrants at SALC learn English.

## URL

[http://www.salcweblearn.org](http://www.salcweblearn.org)

## Installation
It will be useful to set up a test server on your localhost to preview changes before you make them live on the web server. I usually use [Vagrant](https://www.vagrantup.com/) for this purpose. However, whichever environment you choose should run the Apache web server and a stable version of PHP.

Make sure you've installed the following prerequisites on your server before we begin:
* [Node.js](https://nodejs.org/en/)
* [Grunt](http://gruntjs.com/)
* [SASS](http://sass-lang.com/)
* [GIT](https://git-scm.com/)

###### Download the Project Files

1. **Create a new directory on your local computer for the development environment.**
```
mkdir salcweblearn.org
```
2. **Afterwards, cd into this location from the command line.**
```
cd salcweblearn.org
```
3. **Clone WebLearn onto your server.**
```
git clone https://github.com/andrewsgardner/WebLearn.git .
```
Adding a period at the end prevents the name of the root folder in my repository from being cloned into your project (this may cause routing errors later). However, all of the contents from my repository's root folder will get copied.

Add Download the Project Files section
Add Download the Project Files section