diff --git a/src/components/emailVerification/EmailVerificationComponent.tsx b/src/components/emailVerification/EmailVerificationComponent.tsx
index 53c3b2c..466c52e 100644
--- a/src/components/emailVerification/EmailVerificationComponent.tsx
+++ b/src/components/emailVerification/EmailVerificationComponent.tsx
@@ -7,6 +7,7 @@ import Paper from 'material-ui/Paper'
 import TextField from 'material-ui/TextField'
 import RaisedButton from 'material-ui/Button'
 import Button from 'material-ui/Button'
+import config from 'src/config'
 
 // - Import actions
 import * as authorizeActions from 'actions/authorizeActions'
@@ -70,7 +71,7 @@ export class EmailVerificationComponent extends Component<IEmailVerificationComp
           lineHeight: '32px',
           margin: 'auto',
           color: 'rgba(138, 148, 138, 0.2)'
-        }}>Green</h1>
+        }}>{config.settings.appName}</h1>
 
         <div className='animate-bottom'>
           <Paper style={paperStyle} elevation={1} >
diff --git a/src/components/home/HomeComponent.tsx b/src/components/home/HomeComponent.tsx
index 81ac1ff..c47f396 100644
--- a/src/components/home/HomeComponent.tsx
+++ b/src/components/home/HomeComponent.tsx
@@ -15,7 +15,7 @@ import SvgFeedback from 'material-ui-icons/Feedback'
 import SvgSettings from 'material-ui-icons/Settings'
 import SvgAccountCircle from 'material-ui-icons/AccountCircle'
 import SvgPeople from 'material-ui-icons/People'
-
+import config from 'src/config'
 // - Import app components
 import Sidebar from 'components/sidebar'
 import StreamComponent from 'components/stream'
@@ -146,7 +146,7 @@ export class HomeComponent extends Component<IHomeComponentProps, IHomeComponent
                   </ListItemIcon>
                   <ListItemText inset
                   primary={<span style={{ color: 'rgb(117, 117, 117)' }}
-                  className='sidebar__title'>Green</span>} />
+                  className='sidebar__title'>{config.settings.appName}</span>} />
                 </MenuItem>
                   <Divider /></div>
                 : ''
diff --git a/src/components/homeHeader/HomeHeaderComponent.tsx b/src/components/homeHeader/HomeHeaderComponent.tsx
index b8cba3d..be18660 100644
--- a/src/components/homeHeader/HomeHeaderComponent.tsx
+++ b/src/components/homeHeader/HomeHeaderComponent.tsx
@@ -16,6 +16,7 @@ import Tooltip from 'material-ui/Tooltip'
 import Typography from 'material-ui/Typography'
 import { Manager, Target, Popper } from 'react-popper'
 import { withStyles } from 'material-ui/styles'
+import config from 'src/config'
 
 // - Import components
 import UserAvatarComponent from 'components/userAvatar'
@@ -200,7 +201,7 @@ export class HomeHeaderComponent extends Component<IHomeHeaderComponentProps, IH
           </IconButton>
           {/* Header title */}
           <Typography type='title' color='primary' style={{ marginLeft: '15px' }} >
-            Green
+            {config.settings.appName}
           </Typography>
           <div className='homeHeader__title-root'>
             {this.state.showTitle ? <div className='homeHeader__title'>{this.props.title}</div> : ''}
diff --git a/src/components/login/LoginComponent.tsx b/src/components/login/LoginComponent.tsx
index fa323cd..a8ddf97 100644
--- a/src/components/login/LoginComponent.tsx
+++ b/src/components/login/LoginComponent.tsx
@@ -11,6 +11,7 @@ import IconButton from 'material-ui/IconButton'
 import Divider from 'material-ui/Divider'
 import ActionAndroid from 'material-ui-icons/Android'
 import { withStyles } from 'material-ui/styles'
+import config from 'src/config'
 
 // - Import actions
 import * as authorizeActions from 'actions/authorizeActions'
@@ -156,7 +157,7 @@ export class LoginComponent extends Component<ILoginComponentProps,ILoginCompone
           lineHeight: '32px',
           margin: 'auto',
           color: 'rgba(138, 148, 138, 0.2)'
-        }}>Green</h1>
+        }}>{config.settings.appName}</h1>
 
         <div className='animate-bottom'>
           <Paper style={paperStyle} elevation={1} >
diff --git a/src/components/resetPassword/ResetPasswordComponent.tsx b/src/components/resetPassword/ResetPasswordComponent.tsx
index 5a9b683..bd04731 100644
--- a/src/components/resetPassword/ResetPasswordComponent.tsx
+++ b/src/components/resetPassword/ResetPasswordComponent.tsx
@@ -9,6 +9,7 @@ import RaisedButton from 'material-ui/Button'
 import Button from 'material-ui/Button'
 import { withStyles } from 'material-ui/styles'
 import Typography from 'material-ui/Typography'
+import config from 'src/config'
 
 // - Import actions
 import * as authorizeActions from 'actions/authorizeActions'
@@ -109,7 +110,7 @@ export class ResetPasswordComponent extends Component<IResetPasswordComponentPro
           lineHeight: '32px',
           margin: 'auto',
           color: 'rgba(138, 148, 138, 0.2)'
-        }}>Green</h1>
+        }}>{config.settings.appName}</h1>
 
         <div className='animate-bottom'>
           <Paper style={paperStyle} elevation={1}>
diff --git a/src/components/setting/SettingComponent.tsx b/src/components/setting/SettingComponent.tsx
index 9a10105..7938b2c 100644
--- a/src/components/setting/SettingComponent.tsx
+++ b/src/components/setting/SettingComponent.tsx
@@ -8,6 +8,7 @@ import TextField from 'material-ui/TextField'
 import RaisedButton from 'material-ui/Button'
 import Button from 'material-ui/Button'
 import { withStyles } from 'material-ui/styles'
+import config from 'src/config'
 
 // - Import actions
 import * as authorizeActions from 'actions/authorizeActions'
@@ -139,7 +140,7 @@ export class SettingComponent extends Component<ISettingComponentProps,ISettingC
           lineHeight: '32px',
           margin: 'auto',
           color: 'rgba(138, 148, 138, 0.2)'
-        }}>Green</h1>
+        }}>{config.settings.appName}</h1>
 
         <div className='animate-bottom'>
           <Paper style={paperStyle} elevation={1} >
diff --git a/src/components/signup/SignupComponent.tsx b/src/components/signup/SignupComponent.tsx
index f5c0d44..1b530f4 100644
--- a/src/components/signup/SignupComponent.tsx
+++ b/src/components/signup/SignupComponent.tsx
@@ -8,6 +8,7 @@ import TextField from 'material-ui/TextField'
 import RaisedButton from 'material-ui/Button'
 import Button from 'material-ui/Button'
 import { withStyles } from 'material-ui/styles'
+import config from 'src/config'
 
 // - Import actions
 import * as authorizeActions from 'actions/authorizeActions'
@@ -189,7 +190,7 @@ export class SignupComponent extends Component<ISignupComponentProps,ISignupComp
         lineHeight: '32px',
         margin: 'auto',
         color: 'rgba(138, 148, 138, 0.2)'
-      }}>Green</h1>
+      }}>{config.settings.appName}</h1>
 
           <div className='animate-bottom'>
    <Paper style={paperStyle} elevation={1} >
diff --git a/src/config/environment.dev.ts b/src/config/environment.dev.ts
index 0a45315..6db9c72 100644
--- a/src/config/environment.dev.ts
+++ b/src/config/environment.dev.ts
@@ -6,5 +6,8 @@ export const environment = {
     projectId: 'test-4515a',
     storageBucket: 'test-4515a.appspot.com',
     messagingSenderId: '964743099489'
+  },
+  settings: {
+    appName: 'Green'
   }
 }
diff --git a/src/config/environment.prod.ts b/src/config/environment.prod.ts
index 0a45315..6db9c72 100644
--- a/src/config/environment.prod.ts
+++ b/src/config/environment.prod.ts
@@ -6,5 +6,8 @@ export const environment = {
     projectId: 'test-4515a',
     storageBucket: 'test-4515a.appspot.com',
     messagingSenderId: '964743099489'
+  },
+  settings: {
+    appName: 'Green'
   }
 }
diff --git a/src/data/firestoreClient/services/notifications/index.ts b/src/data/firestoreClient/services/notifications/index.ts
index 13054fc..943f9ef 100644
--- a/src/data/firestoreClient/services/notifications/index.ts
+++ b/src/data/firestoreClient/services/notifications/index.ts
@@ -1,4 +1,4 @@
-import { NotificationService } from './notificationService'
+import { NotificationService } from './NotificationService'
 
 export {
     NotificationService