A weather application which lets you view forecast for a city.
It is built with Angular and ES6. Openweathermap API is used to fetch the forecast. Foundation CSS framework is used to style the app. EJS template engine is used to add the environments scripts.
Gulp is used to build the application and includes a livereload development webserver.
| Dependency | OS X Installation |
|---|---|
| node.js | brew install nodejs |
| gulp | npm install -g gulp |
| jspm | npm install -g jspm |
npm install
jspm install
gulp
gulp
gulp build:<environment>
After the build the app can be served from src/app directory.
- development
- test
- staging
- production
| Command | Desc |
|---|---|
gulp cleanup |
Remove build files |
gulp serve (default) |
Launch with live reload |
gulp set-environment:development |
Set environment to development * |
gulp set-environment:test |
Set environment to test * |
gulp set-environment:staging |
Set environment to staging * |
gulp set-environment:production |
Set environment to production * |
gulp update-revision |
Update current revision based on the git commit or date/time ** |
gulp build:development |
Build for the development environment |
gulp build:test |
Build for the test environment |
gulp build:staging |
Build for the staging environment |
gulp build:production |
Build for the production environment |
gulp compile-ejs |
Compile EJS files |
gulp compile-sass |
Compile SASS files |
gulp compile-scripts |
Compile scripts. Creates self-sufficient bundle (except for development environment) |
gulp compile-templates |
Compile templates into cache. In development templates are not cached. |
gulp copy-fonts |
Copy fonts to defined font directory. |
gulp optimize-asssets |
Optimize assets |
gulp post-build |
Perform post-build steps |
* Current environment is stored in /environment file
** Current revision is stored in /revison file
crdil * Github
Mikhail Yurasov <[email protected]> https://github.com/myurasov/Angular-ES6-JSPM-Gulp-Boilerplate.git Basically, WTFPL