Skip to content

GDG boilerplate, feeds from DevSite and Google+ using AngularJS and Twitter Bootstrap.

License

Notifications You must be signed in to change notification settings

BruGTUG/BruGTUG.github.io

 
 

Repository files navigation

GDG-X Boomerang

Build Status Join the chat at https://gitter.im/gdg-x/boomerang

Boomerang is a template for a dynamic material design GDG chapter web site that can be deployed within 30 minutes. It pulls data from GDG-X Hub and Google+ API using AngularJS and Angular-Material.

See it in action: http://gdg-x.github.io/boomerang

There are multiple forked versions for Google App Engine

Configuration

Update app/services/configService.js with values appropriate for your group:

  1. name: The name of your GDG
  2. id: The ID of the Google+ page for your GDG; for example, if your page URL is https://plus.google.com/u/0/b/115803993493374365281/, then the ID is '115803993493374365281'.
  3. google_api: The API key for your project, available from the Cloud Console
  4. Create a new project
  5. Go to the Dashboard, click Enable API.
  6. Select Google+ and click Enable.
  7. Go to Credentials.
  8. Click Create credentials -> API Key -> Browser Key
  9. Don't put anything in "Accept requests from these HTTP referrers" since this is a development-only key.
  10. Click Create.
  11. pwa_id: The ID for a Picasa web album from which pictures will be drawn. If you do not have a Picasa web album for your group, you will want to comment out the photos tab in index.html.
  12. twitter, facebook, meetup: Update these with your chapter's social network handles. Setting them to '' will hide the icon.
  13. Create your Google Analytics account and modify the Google Analytics tracking code in index.html.

Additional Optional Config

  1. domain: Your custom domain name (or base appspot URL).
  2. cover.title: An announcement that will appear on the landing page.
  3. cover.subtitle: More text to support the landing page announcement.
  4. cover.button.text: Text for the announcement button.
  5. cover.button.url: The URL that the announcement button will open in another window.
  6. cover.url: If the cover image drawn from your Google+ page does not work with the default layout, you can specify a URL for a specific image instead.
  7. Edit the snippet details in the index.html to change how your page looks when it is shared.
  8. Modify the images in war/app/images/sponsor1 and war/app/images/sponsor2 to be your sponsor images.
  9. Modify the sponsor links in about.html.

Building

Here you will install dependencies and tooling, build, minify, run static analysis, and more. You must have Node.js installed to use the build tools. Download it here. From the boomerang directory, run the following:

  1. npm install
  2. gulp

Automated Testing

  1. Unit tests can be run once via gulp karma or constantly via gulp karma-watch.
  2. Integration tests can be run via:
  3. node node_modules/protractor/bin/webdriver-manager update
  4. node node_modules/protractor/bin/webdriver-manager start
  5. Then in a separate terminal: node node_modules/protractor/bin/protractor test/e2e/conf.js
  6. WebStorm or IntelliJ IDEA can make this testing a lot easier if you configure the idea to do it for you.

Testing locally

If you aren't using App Engine, you should be able to test locally with Node.js using the following:

  1. npm install http-server -g
  2. cd boomerang
  3. http-server -o

Deployment

Deploy on your web server of choice (Apache, Nginx, etc). If you need a web server, Google App Engine's free tier should be more than sufficient for your chapter's needs.

Development Details

Make sure that you do the following successfully before committing:

  1. gulp prod - Make sure you fix any JSCS or JSHint errors.
  2. gulp karma - Make sure that you fix any broken tests.
  3. Protractor tests - Make sure that you fix any broken tests.
  4. If you changed any dependency versions in bower.json, make sure that config/CDN.json is updated to match.

Sites using this template

###Contributors See list of contributors

Maintainer: Splaktar.

######GDG Apps, GDG[x] are not endorsed and/or supported by Google, the corporation.

License

© 2013-2016 GDG[x]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

About

GDG boilerplate, feeds from DevSite and Google+ using AngularJS and Twitter Bootstrap.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 77.9%
  • HTML 20.2%
  • CSS 1.9%