Chicken Co-Op

Why did the chicken cross the road? Because it's lost control of its life. Go to playchickencoop.com on desktop and up to 4 mobile devices to lend it a helping hand by cooperatively completing a series of microgames.

This project was generated with Angular CLI version 1.5.0.

Chicken Co-Op logo

Development

  1. Clone this repository and run npm install.

  2. Run ng serve for a dev server. Navigate to http://localhost:3000. The app will automatically reload if you change any of the source files.

Adding a new microgame

  1. Come up with a cool 2-3-word name for your game that reflects an objective. For instance, CrossTheRoad.

  2. ng generate component -m CrossTheRoadGame -m mobile/mobile.module.ts

  3. Move the generated folder src/app/cross-the-road-game into src/app/mobile/microgames.

  4. In src/app/mobile/mobile-routing.module.ts:

    1. import { CrossTheRoadGameComponent } from ./microgames/cross-the-road-game/cross-the-road-game.component;
    2. Append your new microgame to the list of child routes to GameComponent as such:

      const mobileRoutes: Routes = [
      {
      path: 'mobile',
      component: LandingMobileComponent,
      children: [
        {
          path: 'game',
          component: GameComponent,
          children: [
      
            ...
      
            {
              path: 'cross-the-road',
              component: CrossTheRoadGameComponent
            }
          ]
        }
      ]
      }
      ];
      

      This last step is necessary for your microgame to be accessible via the url http://localhost:3000/mobile/game/cross-the-road.

  5. Customize HTML, CSS, and TypeScript logic for your microgame!

Share this project:
×

Updates