First working version

src/app/app.module.ts

@@ -1,18 +1,57 @@
+import {
+  NgModule,
+  Inject,
+  APP_BOOTSTRAP_LISTENER,
+  InjectionToken, Type,
+} from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
 
 import { AppComponent } from './app.component';
-import { MaterialModule } from 'material';
-import { CommonModule } from '@farmmaps/common';
+import { AppContentComponent } from './app-content.component';
+import { AppCommonModule } from '@farmmaps/common';
+
+import {StoreModule, Store} from '@ngrx/store';
+import {EffectsModule, EffectSources} from '@ngrx/effects';
+import { StoreRouterConnectingModule} from '@ngrx/router-store';
+
+import {AppRoutingModule} from './app-routing.module';
+
+export const BOOTSTRAP_EFFECTS = new InjectionToken('Bootstrap Effects');
+
+export function bootstrapEffects(effects: Type<any>[], sources: EffectSources) {
+  return () => {
+    effects.forEach(effect => sources.addEffects(effect));
+  };
+}
+
+export function createInstances(...instances: any[]) {
+  return instances;
+}
+
+export function provideBootstrapEffects(effects: Type<any>[]) {
+  return [
+    effects,
+    {provide: BOOTSTRAP_EFFECTS, deps: effects, useFactory: createInstances},
+    {
+      provide: APP_BOOTSTRAP_LISTENER,
+      multi: true,
+      useFactory: bootstrapEffects,
+      deps: [[new Inject(BOOTSTRAP_EFFECTS)], EffectSources],
+    },
+  ];
+}
 
 @NgModule({
   declarations: [
-    AppComponent
+    AppComponent,
+    AppContentComponent
   ],
   imports: [
+    AppRoutingModule,
+    AppCommonModule.forRoot() ,
     BrowserModule,
-    MaterialModule,
-    CommonModule 
+    StoreModule.forRoot({}),
+    EffectsModule.forRoot([])
   ],
   providers: [],
   bootstrap: [AppComponent]