ES 2015 Seed

A quick start seed for web development with ECMAScript 2015 and AngularJS + Material Design.

Development Installation (OS X)

Install Docker: http://docs.docker.com/mac/started

Installation NodeJs:

brew install nodejs

Run commands:

git clone [email protected]:vlobchuk/es-2015-seed.git ./project-name
cd project-name
npm install 
./jspm install
docker-compose up -d
export GULP_SERVE_URL=http://you.docker.ip.address:16500
./gulp serve

Base Href

To set the value of base href, use the environment variable BASE_HREF

Example:

export BASE_HREF="/web-app/" && ./gulp build

Build

Bundle for production

./gulp bundle

Development

./gulp build

Live reload

gulp

Nginx Setup

server {
    listen 80;
    root /var/www;
    index index.html;

    include mime.types;

    location ~ ^/dist/ {
        break;
      }

      location / {
        try_files $uri $uri/ /index.html =404;
      }
}

Tests

Run tests:

npm test

Galen Tests (Visual Test Driven Development)

To run test on SauceLabs make sure environment variables SAUCE_USERNAME and SAUCE_ACCESS_KEY are set.

Running on SauceLabs

TEST_PREFIX=sl_ npm test

Running Locally

GALEN_DOMAIN=localhost npm test

Gulp Tasks

Command	Desc
gulp clean	Deletes all files in the output path
gulp serve (default)	Launch with live reload
gulp bundle	Build for production
gulp build	Build for development
gulp build-html	Build html templates
gulp build-sass	Build SASS files
gulp build-index	Build main index.html file
gulp build-static	Build static bundle
gulp copy-images	Copy SASS images
gulp copy-fonts	Copy SASS fonts
gulp lint	Run ESLint http://eslint.org

Used Technologies and Components

• AngularJS
• Angular Animate
• Angular Cookies
• Angular Sanitize
• Angular Messages
• Angular Aria
• Angular UI Router
• Angular Material
• SASS
• Gulp
• Galen

Author

Vitaly Lobchuk [email protected]

Frontend&Backend Developer.

License

MIT