Code Monkey home page Code Monkey logo

boomerang's Introduction

boomerang

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

Boomerang is a template for a basic GDG web site that can be deployed within 30 minutes.

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

There are multiple forked versions for Google App Engine

Configuring

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 https://code.google.com/apis/console - create a new project, add Google+ API, and use the API key shown in 'Simple API Access' If you're using the new Cloud Console https://cloud.google.com/console add the Google+ API and use the basic BrowserKey registered app's API key
  4. 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.
  5. domain: Your custom domain name (or base appspot URL).
  6. cover.title: An announcement that will appear on the landing page.
  7. cover.subtitle: More text to support the landing page announcement.
  8. cover.button.text: Text for the announcement button.
  9. cover.button.url: The URL that the announcement button will open in another window.
  10. cover.url: Optional: 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.
  11. twitter, facebook, meetup: Update these with your chapter's social network handles. Setting them to '' will hide the icon.
  12. Edit the snippet details in the index.html to change how your page looks when it is shared.

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. bower install
  3. 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.

Example sites using this template

boomerang's People

Contributors

dbs avatar friedger avatar ghchinoy avatar gitter-badger avatar jensh avatar joshuawoodward avatar neojato avatar rac2030 avatar splaktar avatar tfmorris avatar xperimental avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.