diff --git a/client/src/utils/graphql-errors.js b/client/src/utils/graphql-errors.js
index 26b9c18ce..6eed0e939 100644
--- a/client/src/utils/graphql-errors.js
+++ b/client/src/utils/graphql-errors.js
@@ -3,10 +3,10 @@ const ErrorResponse = {
 }
 
 export const checkGraphQLError = error => {
-  console.log('checkGraphQLError ', ErrorResponse)
+  log.debug('checkGraphQLError ', ErrorResponse)
   if (error.search(/unique constraint/)) {
     const field = error.substring(error.indexOf('=') + 1)
-    console.log('unique constraint', field.replace(/ +/g, ''))
+    log.debug('unique constraint', field.replace(/ +/g, ''))
   }
 }
 
diff --git a/client/src/utils/log.js b/client/src/utils/log.js
new file mode 100644
index 000000000..47e819934
--- /dev/null
+++ b/client/src/utils/log.js
@@ -0,0 +1,7 @@
+import minilog from 'minilog'
+
+if (process.env.NODE_ENV === 'development') minilog.enable()
+
+const log = minilog('frontend')
+
+export default log
diff --git a/client/src/views/common/components/TeamBar.js b/client/src/views/common/components/TeamBar.js
index b51f22e13..67f5ef075 100644
--- a/client/src/views/common/components/TeamBar.js
+++ b/client/src/views/common/components/TeamBar.js
@@ -16,6 +16,8 @@ import SettingsApplicationsIcon from '@material-ui/icons/SettingsApplications'
 
 import { Link } from 'react-router-dom'
 
+import log from '../../../utils/log'
+
 const SettingsLink = props => <Link to='/teams/settings' {...props} />
 const FBLink = props => <Link to='/teams/financial-beings' {...props} />
 const MembersLink = props => <Link to='/teams/team-members' {...props} />
@@ -61,7 +63,7 @@ const styles = theme => ({
 class TeamBar extends Component {
   render () {
     const { classes, user, match } = this.props
-    console.log('TeamBar: ', user, match)
+    log.debug('TeamBar: ', user, match)
     return (
       <div className={classes.root}>
         <AppBar position='static' color='secondary'>
diff --git a/client/src/views/dashboard/components/CreateTeam.js b/client/src/views/dashboard/components/CreateTeam.js
index 1dfb75850..5e655ccf1 100644
--- a/client/src/views/dashboard/components/CreateTeam.js
+++ b/client/src/views/dashboard/components/CreateTeam.js
@@ -10,9 +10,11 @@ import { checkGraphQLError } from '../../../utils/graphql-errors'
 import CREATE_TEAM from '../../../graphql/teams/CreateTeamMutation'
 import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
+import log from '../../../utils/log'
+
 const CreateTeam = ({ authId }) => {
   let input
-  console.log('CreateTeam', authId)
+  log.debug('CreateTeam', authId)
 
   return (
     <Mutation
@@ -33,7 +35,7 @@ const CreateTeam = ({ authId }) => {
         if (error) {
           errors = error.graphQLErrors.map(({ message }, i) => {
             const displayMessage = checkGraphQLError(message)
-            console.log('createTeam error:', displayMessage)
+            log.debug('createTeam error:', displayMessage)
             return (
               <Typography key={i} variant='caption'>
                 {message}
@@ -73,7 +75,7 @@ const handleSubmit = async (e, createTeam, input) => {
   const currentUser = await getItem('user')
   let authId = JSON.parse(currentUser)
   authId = authId.authId
-  console.log('createTeam submit: ', authId)
+  log.debug('createTeam submit: ', authId)
   const name = input.value
   const slug = slugify(name)
   await createTeam({ variables: { name, slug, owner: authId } })
diff --git a/client/src/views/dashboard/components/CreateTeamDialog.js b/client/src/views/dashboard/components/CreateTeamDialog.js
index 6da04291b..6c9ce0113 100644
--- a/client/src/views/dashboard/components/CreateTeamDialog.js
+++ b/client/src/views/dashboard/components/CreateTeamDialog.js
@@ -18,7 +18,7 @@ import { isEmpty } from '../../../utils/js-helpers'
 import CREATE_TEAM from '../../../graphql/teams/CreateTeamMutation'
 import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
-// import { checkGraphQLError } from '../../../utils/graphql-errors'
+import log from '../../../utils/log'
 
 const styles = theme => ({
   dialogContainer: {
@@ -207,7 +207,7 @@ export class CreateTeamDialog extends Component {
 
   async handleSubmit (e, createTeam, name, botName) {
     e.preventDefault()
-    console.log('createTeam submit: ', name, botName)
+    log.debug('createTeam submit: ', name, botName)
     const slug = this.slugify(name)
     const botSlug = this.slugify(botName)
     await createTeam({ variables: { name, slug, botName, botSlug } })
diff --git a/client/src/views/dashboard/components/CreateTeamForm.js b/client/src/views/dashboard/components/CreateTeamForm.js
index 75df97b5d..ebdbaf358 100644
--- a/client/src/views/dashboard/components/CreateTeamForm.js
+++ b/client/src/views/dashboard/components/CreateTeamForm.js
@@ -11,6 +11,8 @@ import DialogContentText from '@material-ui/core/DialogContentText'
 import DialogTitle from '@material-ui/core/DialogTitle'
 import Typography from '@material-ui/core/Typography'
 
+import log from '../../../utils/log'
+
 export class CreateTeamDialog extends Component {
   constructor (props) {
     super(props)
@@ -50,7 +52,7 @@ export class CreateTeamDialog extends Component {
   }
 
   render () {
-    console.log(this.props)
+    log.debug(this.props)
     return (
       <div>
         <Button
diff --git a/client/src/views/dashboard/components/DashTeam.js b/client/src/views/dashboard/components/DashTeam.js
index cbd5eedbd..c1650d963 100644
--- a/client/src/views/dashboard/components/DashTeam.js
+++ b/client/src/views/dashboard/components/DashTeam.js
@@ -16,15 +16,17 @@ import { MessageCard } from '@advancedalgos/web-components'
 import { isDefined, isString } from '../../../utils/js-helpers'
 import { getItem } from '../../../utils/local-storage'
 
+import log from '../../../utils/log'
+
 export const DashTeam = ({ classes, user = null }) => {
   let owner
   let authId = null
-  console.log('DashTeam: ', user)
+  log.debug('DashTeam: ', user)
   if (user !== null && isString(user)) {
     owner = JSON.parse(user)
     if (isDefined(owner.authId)) authId = owner.authId
   }
-  console.log('DashTeam 2: ', owner, authId)
+  log.debug('DashTeam 2: ', owner, authId)
 
   if (authId === undefined || authId === null) {
     return (
@@ -46,7 +48,7 @@ export const DashTeam = ({ classes, user = null }) => {
       </Typography>
       <Query query={GET_TEAMS_BY_OWNER} variables={{ authId }}>
         {({ loading, error, data }) => {
-          console.log('GET_TEAMS_BY_OWNER: ', loading, error, data)
+          log.debug('GET_TEAMS_BY_OWNER: ', loading, error, data)
           let errors
           let queryLoader
           if (error) {
diff --git a/client/src/views/dashboard/components/InviteMemberDialog.js b/client/src/views/dashboard/components/InviteMemberDialog.js
index 422eab16c..a81b26a72 100644
--- a/client/src/views/dashboard/components/InviteMemberDialog.js
+++ b/client/src/views/dashboard/components/InviteMemberDialog.js
@@ -17,7 +17,7 @@ import { isEmpty } from '../../../utils/js-helpers'
 
 import SEND_MEMBER_INVITE from '../../../graphql/teams/SendMemberInvite'
 
-// import { checkGraphQLError } from '../../../utils/graphql-errors'
+import log from '../../../utils/log'
 
 const styles = theme => ({
   dialogStyle: {
@@ -60,7 +60,7 @@ export class InviteMemberDialog extends Component {
       return (
         <Mutation mutation={SEND_MEMBER_INVITE} >
           {(sendMemberInvite, { loading, error, data }) => {
-            console.log('sendMemberInvite: ', data)
+            log.debug('sendMemberInvite: ', data)
             let errors
             let loader = null
             if (loading) {
@@ -187,7 +187,7 @@ export class InviteMemberDialog extends Component {
 
   async handleSubmit (e, sendMemberInvite, email, teamId) {
     e.preventDefault()
-    console.log('sendMemberInvite submit: ', email, teamId)
+    log.debug('sendMemberInvite submit: ', email, teamId)
     await sendMemberInvite({ variables: { email, teamId } })
     this.setState({ email: '' })
   }
diff --git a/client/src/views/dashboard/components/ManageFBEdit.js b/client/src/views/dashboard/components/ManageFBEdit.js
index ba150bc83..ce9df91d4 100644
--- a/client/src/views/dashboard/components/ManageFBEdit.js
+++ b/client/src/views/dashboard/components/ManageFBEdit.js
@@ -20,6 +20,8 @@ import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
 import { checkGraphQLError } from '../../../utils/graphql-errors'
 
+import log from '../../../utils/log'
+
 import GET_AZURE_SAS from '../../../graphql/teams/GetAzureSASMutation'
 
 const styles = theme => ({
@@ -52,7 +54,7 @@ export class ManageFBEdit extends Component {
   }
 
   render () {
-    console.log('ManageFBEdit ', this.props, this.props.slug, this.props.fb)
+    log.debug('ManageFBEdit ', this.props, this.props.slug, this.props.fb)
     const { classes, fb, slug } = this.props
     return (
       <Mutation
@@ -75,7 +77,7 @@ export class ManageFBEdit extends Component {
           if (error) {
             errors = error.graphQLErrors.map(({ message }, i) => {
               const displayMessage = checkGraphQLError(message)
-              console.log('updateTeamProfile error:', displayMessage)
+              log.debug('updateTeamProfile error:', displayMessage)
               return (
                 <Typography key={i} variant='caption'>
                   {message}
@@ -105,7 +107,7 @@ export class ManageFBEdit extends Component {
                   <DialogContent>
                     <Mutation mutation={GET_AZURE_SAS} >
                       {(getAzureSAS, { loading, error, data }) => {
-                        console.log('getAzureSAS: ', loading, error, data, fb)
+                        log.debug('getAzureSAS: ', loading, error, data, fb)
                         const AzureStorageUrl = process.env.AZURE_STORAGE_URL
                         const containerName = slug
                         let AzureSASURL
@@ -195,12 +197,12 @@ export class ManageFBEdit extends Component {
   }
 
   handleAvatar (avatarUrl) {
-    console.log('handleAvatar: ', avatarUrl)
+    log.debug('handleAvatar: ', avatarUrl)
     this.setState({ avatar: `${avatarUrl}?${Math.random()}` })
   }
 
   async handleSubmit (e, updateFB, fbId, slug) {
-    console.log('handleSubmit: ', this.state)
+    log.debug('handleSubmit: ', this.state)
     e.preventDefault()
 
     await updateFB({
diff --git a/client/src/views/dashboard/components/ManageFBItem.js b/client/src/views/dashboard/components/ManageFBItem.js
index 26920ecff..d3de0e809 100644
--- a/client/src/views/dashboard/components/ManageFBItem.js
+++ b/client/src/views/dashboard/components/ManageFBItem.js
@@ -10,8 +10,10 @@ import Typography from '@material-ui/core/Typography'
 
 import ManageFBEdit from './ManageFBEdit'
 
+import log from '../../../utils/log'
+
 export const ManageFBItem = ({ classes, team, authId }) => {
-  console.log('ManageFBItem', team, team.fb[0], team.profile.avatar)
+  log.debug('ManageFBItem', team, team.fb[0], team.profile.avatar)
   let avatar
   if (team.fb[0].avatar !== undefined && team.fb[0].avatar !== 'a') {
     avatar = team.fb[0].avatar
diff --git a/client/src/views/dashboard/components/ManageFBList.js b/client/src/views/dashboard/components/ManageFBList.js
index a865be3b9..6cabe0949 100644
--- a/client/src/views/dashboard/components/ManageFBList.js
+++ b/client/src/views/dashboard/components/ManageFBList.js
@@ -12,6 +12,8 @@ import { getItem } from '../../../utils/local-storage'
 
 import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
+import log from '../../../utils/log'
+
 import ManageFBItem from './ManageFBItem'
 import CreateTeamDialog from './CreateTeamDialog'
 
@@ -50,12 +52,12 @@ const styles = theme => ({
 export const ManageFBList = ({ classes, user = null }) => {
   let owner
   let authId = null
-  console.log('ManageTeamsList: ', user)
+  log.debug('ManageTeamsList: ', user)
   if (user !== null && isString(user)) {
     owner = JSON.parse(user)
     if (isDefined(owner.authId)) authId = owner.authId
   }
-  console.log('ManageTeamsList 2: ', owner, authId)
+  log.debug('ManageTeamsList 2: ', owner, authId)
   if (authId === undefined || authId === null) {
     return (
       <Grid container spacing={40}>
@@ -72,7 +74,7 @@ export const ManageFBList = ({ classes, user = null }) => {
         fetchPolicy='network-only'
       >
         {({ loading, error, data }) => {
-          console.log('GET_TEAMS_BY_OWNER: ', loading, error, data)
+          log.debug('GET_TEAMS_BY_OWNER: ', loading, error, data)
 
           let errors = null
           if (error) {
diff --git a/client/src/views/dashboard/components/ManageMemberDelete.js b/client/src/views/dashboard/components/ManageMemberDelete.js
index cc75e3df1..e7e731703 100644
--- a/client/src/views/dashboard/components/ManageMemberDelete.js
+++ b/client/src/views/dashboard/components/ManageMemberDelete.js
@@ -15,6 +15,7 @@ import REMOVE_TEAM_MEMBER from '../../../graphql/teams/RemoveTeamMemberMutation'
 import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
 import { checkGraphQLError } from '../../../utils/graphql-errors'
+import log from '../../../utils/log'
 
 const styles = theme => ({
   dialogContainer: {
@@ -54,7 +55,7 @@ export class ManageMemberDelete extends Component {
   }
 
   render () {
-    console.log(this.props, this.props.teamId)
+    log.debug(this.props, this.props.teamId)
     const { classes, teamId, authId } = this.props
     return (
       <Mutation
@@ -72,7 +73,7 @@ export class ManageMemberDelete extends Component {
           if (error) {
             errors = error.graphQLErrors.map(({ message }, i) => {
               const displayMessage = checkGraphQLError(message)
-              console.log('createTeam error:', displayMessage)
+              log.debug('createTeam error:', displayMessage)
               return (
                 <Typography key={i} variant='caption'>
                   {message}
diff --git a/client/src/views/dashboard/components/ManageMemberRole.js b/client/src/views/dashboard/components/ManageMemberRole.js
index f428ebbb6..08823d3b7 100644
--- a/client/src/views/dashboard/components/ManageMemberRole.js
+++ b/client/src/views/dashboard/components/ManageMemberRole.js
@@ -17,6 +17,7 @@ import SET_TEAM_MEMBER_ROLE from '../../../graphql/teams/SetTeamMemberRoleMutati
 import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
 import { checkGraphQLError } from '../../../utils/graphql-errors'
+import log from '../../../utils/log'
 
 const styles = theme => ({
   dialogContainer: {
@@ -62,7 +63,7 @@ export class ManageMemberRole extends Component {
   }
 
   render () {
-    console.log(this.props, this.props.teamId)
+    log.debug(this.props, this.props.teamId)
     const { classes, teamId, authId } = this.props
     return (
       <Mutation
@@ -80,7 +81,7 @@ export class ManageMemberRole extends Component {
           if (error) {
             errors = error.graphQLErrors.map(({ message }, i) => {
               const displayMessage = checkGraphQLError(message)
-              console.log('createTeam error:', displayMessage)
+              log.debug('createTeam error:', displayMessage)
               return (
                 <Typography key={i} variant='caption'>
                   {message}
diff --git a/client/src/views/dashboard/components/ManageMemberStatus.js b/client/src/views/dashboard/components/ManageMemberStatus.js
index fba5880ee..b5267f098 100644
--- a/client/src/views/dashboard/components/ManageMemberStatus.js
+++ b/client/src/views/dashboard/components/ManageMemberStatus.js
@@ -10,6 +10,8 @@ import Card from '@material-ui/core/Card'
 import CardContent from '@material-ui/core/CardContent'
 import CardActions from '@material-ui/core/CardActions'
 
+import log from '../../../utils/log'
+
 const styles = theme => ({
   dialogContainer: {
     display: 'block',
@@ -47,7 +49,7 @@ export class ManageMemberStatus extends Component {
   }
 
   render () {
-    console.log(this.props, this.props.status)
+    log.debug(this.props, this.props.status)
     const { classes, status } = this.props
     return (
       <div>
diff --git a/client/src/views/dashboard/components/ManageMembersItem.js b/client/src/views/dashboard/components/ManageMembersItem.js
index daad67f3e..3dd2be7fb 100644
--- a/client/src/views/dashboard/components/ManageMembersItem.js
+++ b/client/src/views/dashboard/components/ManageMembersItem.js
@@ -9,8 +9,10 @@ import ManageMemberRole from './ManageMemberRole'
 import ManageMemberStatus from './ManageMemberStatus'
 import { MessageCard } from '@advancedalgos/web-components'
 
+import log from '../../../utils/log'
+
 export const ManageMembersItem = ({ classes, member, teamId, authId }) => {
-  console.log('ManageMembersItem', member)
+  log.debug('ManageMembersItem', member)
   let profile = null
   let email = null
   let memberStatus = null
diff --git a/client/src/views/dashboard/components/ManageMembersTeamItem.js b/client/src/views/dashboard/components/ManageMembersTeamItem.js
index f8bdbf102..186576377 100644
--- a/client/src/views/dashboard/components/ManageMembersTeamItem.js
+++ b/client/src/views/dashboard/components/ManageMembersTeamItem.js
@@ -12,6 +12,8 @@ import InviteMemberDialog from './InviteMemberDialog'
 import ManageMembersItem from './ManageMembersItem'
 import { MessageCard } from '@advancedalgos/web-components'
 
+import log from '../../../utils/log'
+
 const styles = theme => ({
   heroContent: {
     maxWidth: 600,
@@ -56,7 +58,7 @@ const styles = theme => ({
 })
 
 export const ManageMembersTeamItem = ({ classes, team, authId }) => {
-  console.log('ManageMembersItem', team, team.profile, team.profile.avatar)
+  log.debug('ManageMembersItem', team, team.profile, team.profile.avatar)
   let avatar
   if (team.profile.avatar !== undefined && team.profile.avatar !== 'a') {
     avatar = team.profile.avatar
diff --git a/client/src/views/dashboard/components/ManageTeamDelete.js b/client/src/views/dashboard/components/ManageTeamDelete.js
index c4cb26614..60ffc3d62 100644
--- a/client/src/views/dashboard/components/ManageTeamDelete.js
+++ b/client/src/views/dashboard/components/ManageTeamDelete.js
@@ -15,6 +15,7 @@ import DELETE_TEAM from '../../../graphql/teams/DeleteTeamMutation'
 import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
 import { checkGraphQLError } from '../../../utils/graphql-errors'
+import log from '../../../utils/log'
 
 const styles = theme => ({
   dialogContainer: {
@@ -54,7 +55,7 @@ export class ManageTeamDelete extends Component {
   }
 
   render () {
-    console.log(this.props, this.props.slug)
+    log.debug(this.props, this.props.slug)
     const { classes, authId } = this.props
     return (
       <Mutation
@@ -77,7 +78,7 @@ export class ManageTeamDelete extends Component {
           if (error) {
             errors = error.graphQLErrors.map(({ message }, i) => {
               const displayMessage = checkGraphQLError(message)
-              console.log('createTeam error:', displayMessage)
+              log.debug('createTeam error:', displayMessage)
               return (
                 <Typography key={i} variant='caption'>
                   {message}
diff --git a/client/src/views/dashboard/components/ManageTeamDetails.js b/client/src/views/dashboard/components/ManageTeamDetails.js
index 2d5ff36f9..2a2f0a63d 100644
--- a/client/src/views/dashboard/components/ManageTeamDetails.js
+++ b/client/src/views/dashboard/components/ManageTeamDetails.js
@@ -11,6 +11,8 @@ import CardContent from '@material-ui/core/CardContent'
 import CardActions from '@material-ui/core/CardActions'
 import CardMedia from '@material-ui/core/CardMedia'
 
+import log from '../../../utils/log'
+
 const styles = theme => ({
   dialogContainer: {
     display: 'block',
@@ -62,7 +64,7 @@ export class ManageTeamDetails extends Component {
   }
 
   render () {
-    console.log(this.props.team)
+    log.debug(this.props.team)
     const { classes } = this.props
     const { name, members, profile, createdAt } = this.props.team
     let avatar
diff --git a/client/src/views/dashboard/components/ManageTeamEdit.js b/client/src/views/dashboard/components/ManageTeamEdit.js
index 1cd164b24..d10302c66 100644
--- a/client/src/views/dashboard/components/ManageTeamEdit.js
+++ b/client/src/views/dashboard/components/ManageTeamEdit.js
@@ -15,6 +15,8 @@ import Typography from '@material-ui/core/Typography'
 
 import { MessageCard, ImageUpload } from '@advancedalgos/web-components'
 
+import log from '../../../utils/log'
+
 import UPDATE_TEAM_PROFILE from '../../../graphql/teams/UpdateTeamProfileMutation'
 import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
@@ -44,7 +46,7 @@ export class ManageTeamEdit extends Component {
     this.handleAvatar = this.handleAvatar.bind(this)
     this.handleBanner = this.handleBanner.bind(this)
 
-    console.log('ManageTeamEdit', props.team)
+    log.debug('ManageTeamEdit', props.team)
     const motto = props.team.profile.motto || ''
     const description = props.team.profile.description || ''
     const avatar = props.team.profile.avatar || ''
@@ -61,7 +63,7 @@ export class ManageTeamEdit extends Component {
   }
 
   render () {
-    console.log('ManageTeamEdit ', this.props, this.props.slug, this.props.team)
+    log.debug('ManageTeamEdit ', this.props, this.props.slug, this.props.team)
     const { classes, team } = this.props
     return (
       <Mutation
@@ -84,7 +86,7 @@ export class ManageTeamEdit extends Component {
           if (error) {
             errors = error.graphQLErrors.map(({ message }, i) => {
               const displayMessage = checkGraphQLError(message)
-              console.log('updateTeamProfile error:', displayMessage)
+              log.debug('updateTeamProfile error:', displayMessage)
               return (
                 <Typography key={i} variant='caption'>
                   {message}
@@ -114,7 +116,7 @@ export class ManageTeamEdit extends Component {
                   <DialogContent>
                     <Mutation mutation={GET_AZURE_SAS} >
                       {(getAzureSAS, { loading, error, data }) => {
-                        console.log('getAzureSAS: ', loading, error, data, team.profile)
+                        log.debug('getAzureSAS: ', loading, error, data, team.profile)
                         const AzureStorageUrl = process.env.AZURE_STORAGE_URL
                         const containerName = team.slug
                         let AzureSASURL
@@ -132,7 +134,7 @@ export class ManageTeamEdit extends Component {
                         if (team.profile !== null && team.profile.banner !== undefined && team.profile.banner !== null) banner = team.profile.banner
                         if (this.state.banner !== null) banner = this.state.banner
                         if (this.state.banner === null && team.profile !== null && team.profile.banner === undefined) banner = 'https://algobotcommstorage.blob.core.windows.net/aateammodule/aa-banner-default.png'
-                        console.log('team images: ', avatar, banner)
+                        log.debug('team images: ', avatar, banner)
 
                         if (loading || data === undefined) {
                           return (<MessageCard message='Loading...' />)
@@ -262,17 +264,17 @@ export class ManageTeamEdit extends Component {
   }
 
   handleAvatar (avatarUrl) {
-    console.log('handleAvatar: ', avatarUrl)
+    log.debug('handleAvatar: ', avatarUrl)
     this.setState({ avatar: `${avatarUrl}?${Math.random()}` })
   }
 
   handleBanner (bannerUrl) {
-    console.log('handleBanner: ', bannerUrl)
+    log.debug('handleBanner: ', bannerUrl)
     this.setState({ banner: `${bannerUrl}?${Math.random()}` })
   }
 
   async handleSubmit (e, updateTeamProfile, slug) {
-    console.log('handleSubmit: ', this.state)
+    log.debug('handleSubmit: ', this.state)
     e.preventDefault()
 
     await updateTeamProfile({
diff --git a/client/src/views/dashboard/components/ManageTeamMembersList.js b/client/src/views/dashboard/components/ManageTeamMembersList.js
index f8d6a2eb1..b6e6e9345 100644
--- a/client/src/views/dashboard/components/ManageTeamMembersList.js
+++ b/client/src/views/dashboard/components/ManageTeamMembersList.js
@@ -14,6 +14,8 @@ import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 import ManageMembersTeamItem from './ManageMembersTeamItem'
 import { MessageCard } from '@advancedalgos/web-components'
 
+import log from '../../../utils/log'
+
 const styles = theme => ({
   heroContent: {
     maxWidth: 600,
@@ -49,12 +51,12 @@ const styles = theme => ({
 export const ManageTeamMembersList = ({ classes, user = null }) => {
   let owner
   let authId = null
-  console.log('ManageTeamsList: ', user)
+  log.debug('ManageTeamsList: ', user)
   if (user !== null && isString(user)) {
     owner = JSON.parse(user)
     if (isDefined(owner.authId)) authId = owner.authId
   }
-  console.log('ManageTeamsList 2: ', owner, authId)
+  log.debug('ManageTeamsList 2: ', owner, authId)
   if (authId === undefined || authId === null) {
     return (
       <Grid container spacing={40}>
@@ -71,7 +73,7 @@ export const ManageTeamMembersList = ({ classes, user = null }) => {
         fetchPolicy='network-only'
       >
         {({ loading, error, data }) => {
-          console.log('GET_TEAMS_BY_OWNER: ', loading, error, data)
+          log.debug('GET_TEAMS_BY_OWNER: ', loading, error, data)
           let errors = null
           if (error) {
             errors = error.graphQLErrors.map(({ message }, i) => {
diff --git a/client/src/views/dashboard/components/ManageTeamsItem.js b/client/src/views/dashboard/components/ManageTeamsItem.js
index 9360b74c7..51e0ee937 100644
--- a/client/src/views/dashboard/components/ManageTeamsItem.js
+++ b/client/src/views/dashboard/components/ManageTeamsItem.js
@@ -12,8 +12,10 @@ import ManageTeamDetails from './ManageTeamDetails'
 import ManageTeamDelete from './ManageTeamDelete'
 import ManageTeamEdit from './ManageTeamEdit'
 
+import log from '../../../utils/log'
+
 export const ManageTeamsItem = ({ classes, team, authId }) => {
-  console.log('ManageTeamsItem', team, team.profile, team.profile.avatar)
+  log.debug('ManageTeamsItem', team, team.profile, team.profile.avatar)
   let avatar
   if (team.profile.avatar !== undefined && team.profile.avatar !== 'a') {
     avatar = team.profile.avatar
diff --git a/client/src/views/dashboard/components/ManageTeamsList.js b/client/src/views/dashboard/components/ManageTeamsList.js
index db69248b4..8d4283757 100644
--- a/client/src/views/dashboard/components/ManageTeamsList.js
+++ b/client/src/views/dashboard/components/ManageTeamsList.js
@@ -15,6 +15,8 @@ import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 import ManageTeamsItem from './ManageTeamsItem'
 import CreateTeamDialog from './CreateTeamDialog'
 
+import log from '../../../utils/log'
+
 const styles = theme => ({
   heroContent: {
     maxWidth: 600,
@@ -50,12 +52,12 @@ const styles = theme => ({
 export const ManageTeamsList = ({ classes, user = null }) => {
   let owner
   let authId = null
-  console.log('ManageTeamsList: ', user)
+  log.debug('ManageTeamsList: ', user)
   if (user !== null && isString(user)) {
     owner = JSON.parse(user)
     if (isDefined(owner.authId)) authId = owner.authId
   }
-  console.log('ManageTeamsList 2: ', owner, authId)
+  log.debug('ManageTeamsList 2: ', owner, authId)
   if (authId === undefined || authId === null) {
     return (
       <Grid container spacing={40}>
@@ -72,7 +74,7 @@ export const ManageTeamsList = ({ classes, user = null }) => {
         fetchPolicy='network-only'
       >
         {({ loading, error, data }) => {
-          console.log('GET_TEAMS_BY_OWNER: ', loading, error, data)
+          log.debug('GET_TEAMS_BY_OWNER: ', loading, error, data)
 
           let errors = null
           if (error) {
diff --git a/client/src/views/dashboard/index.js b/client/src/views/dashboard/index.js
index 1064eaeea..27aa8816e 100644
--- a/client/src/views/dashboard/index.js
+++ b/client/src/views/dashboard/index.js
@@ -16,6 +16,8 @@ import FinancialBeings from './FinancialBeings'
 import TeamMembers from './TeamMembers'
 import Settings from './settings'
 
+import log from '../../utils/log'
+
 const drawerWidth = 240
 
 const styles = theme => ({
@@ -81,9 +83,9 @@ const DashboardCheckSession = lifecycle({
   async componentDidMount () {
     try {
       const authenticated = await this.props.auth.isAuthenticated()
-      console.log('DashboardCheckSession res: ', authenticated)
+      log.debug('DashboardCheckSession res: ', authenticated)
     } catch (err) {
-      console.log('DashboardCheckSession err: ', err)
+      log.debug('DashboardCheckSession err: ', err)
     }
   }
 })(Dashboard)
diff --git a/client/src/views/financial-beings/components/ManageFBEdit.js b/client/src/views/financial-beings/components/ManageFBEdit.js
index 03a237456..f74099d5c 100644
--- a/client/src/views/financial-beings/components/ManageFBEdit.js
+++ b/client/src/views/financial-beings/components/ManageFBEdit.js
@@ -20,6 +20,8 @@ import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
 import { checkGraphQLError } from '../../../utils/graphql-errors'
 
+import log from '../../../utils/log'
+
 const styles = theme => ({
   dialogContainer: {
     display: 'block',
@@ -49,7 +51,7 @@ export class ManageFBEdit extends Component {
   }
 
   render () {
-    console.log('ManageFBEdit ', this.props, this.props.slug, this.props.fb)
+    log.debug('ManageFBEdit ', this.props, this.props.slug, this.props.fb)
     const { classes, fb, slug } = this.props
     return (
       <Mutation
@@ -80,7 +82,7 @@ export class ManageFBEdit extends Component {
           if (error) {
             errors = error.graphQLErrors.map(({ message }, i) => {
               const displayMessage = checkGraphQLError(message)
-              console.log('updateTeamProfile error:', displayMessage)
+              log.debug('updateTeamProfile error:', displayMessage)
               return (
                 <Typography key={i} variant='caption'>
                   {message}
@@ -174,12 +176,12 @@ export class ManageFBEdit extends Component {
   }
 
   handleAvatar (avatarUrl) {
-    console.log('handleAvatar: ', avatarUrl)
+    log.debug('handleAvatar: ', avatarUrl)
     this.setState({ avatar: `${avatarUrl}?${Math.random()}` })
   }
 
   async handleSubmit (e, updateFB, fbId, slug) {
-    console.log('handleSubmit: ', this.state)
+    log.debug('handleSubmit: ', this.state)
     e.preventDefault()
 
     await updateFB({
diff --git a/client/src/views/financial-beings/components/ManageFBItem.js b/client/src/views/financial-beings/components/ManageFBItem.js
index aa9660f9a..2316742c8 100644
--- a/client/src/views/financial-beings/components/ManageFBItem.js
+++ b/client/src/views/financial-beings/components/ManageFBItem.js
@@ -10,8 +10,10 @@ import Typography from '@material-ui/core/Typography'
 
 import ManageFBEdit from './ManageFBEdit'
 
+import log from '../../../utils/log'
+
 export const ManageFBItem = ({ classes, team }) => {
-  console.log('ManageFBItem', team, team.fb[0], team.profile.avatar)
+  log.debug('ManageFBItem', team, team.fb[0], team.profile.avatar)
   let avatar
   if (team.fb[0].avatar !== undefined && team.fb[0].avatar !== 'a') {
     avatar = team.fb[0].avatar
diff --git a/client/src/views/financial-beings/components/ManageFBList.js b/client/src/views/financial-beings/components/ManageFBList.js
index ccb0a91fe..026385831 100644
--- a/client/src/views/financial-beings/components/ManageFBList.js
+++ b/client/src/views/financial-beings/components/ManageFBList.js
@@ -8,6 +8,8 @@ import { withStyles } from '@material-ui/core/styles'
 
 import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
+import log from '../../../utils/log'
+
 import ManageFBItem from './ManageFBItem'
 
 const styles = theme => ({
@@ -48,7 +50,7 @@ export const ManageFBList = ({ classes }) => (
     fetchPolicy='network-only'
   >
     {({ loading, error, data }) => {
-      console.log('GET_TEAMS_BY_OWNER: ', loading, error, data)
+      log.debug('GET_TEAMS_BY_OWNER: ', loading, error, data)
 
       let errors = null
       if (error) {
diff --git a/client/src/views/manage-teams/components/CreateTeamDialog.js b/client/src/views/manage-teams/components/CreateTeamDialog.js
index d6b987a64..16f49bb29 100644
--- a/client/src/views/manage-teams/components/CreateTeamDialog.js
+++ b/client/src/views/manage-teams/components/CreateTeamDialog.js
@@ -18,7 +18,7 @@ import { isEmpty } from '../../../utils/js-helpers'
 import CREATE_TEAM from '../../../graphql/teams/CreateTeamMutation'
 import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
-// import { checkGraphQLError } from '../../../utils/graphql-errors'
+import log from '../../../utils/log'
 
 const styles = theme => ({
   dialogContainer: {
@@ -206,7 +206,7 @@ export class CreateTeamDialog extends Component {
 
   async handleSubmit (e, createTeam, name, botName) {
     e.preventDefault()
-    console.log('createTeam submit: ', name, botName)
+    log.debug('createTeam submit: ', name, botName)
     const slug = this.slugify(name)
     const botSlug = this.slugify(botName)
     await createTeam({ variables: { name, slug, botName, botSlug } })
diff --git a/client/src/views/manage-teams/components/ManageTeamDelete.js b/client/src/views/manage-teams/components/ManageTeamDelete.js
index d81b36f3b..3faae8109 100644
--- a/client/src/views/manage-teams/components/ManageTeamDelete.js
+++ b/client/src/views/manage-teams/components/ManageTeamDelete.js
@@ -15,6 +15,7 @@ import DELETE_TEAM from '../../../graphql/teams/DeleteTeamMutation'
 import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
 import { checkGraphQLError } from '../../../utils/graphql-errors'
+import log from '../../../utils/log'
 
 const styles = theme => ({
   dialogContainer: {
@@ -54,7 +55,7 @@ export class ManageTeamDelete extends Component {
   }
 
   render () {
-    console.log(this.props, this.props.slug)
+    log.debug(this.props, this.props.slug)
     const { classes } = this.props
     return (
       <Mutation
@@ -76,7 +77,7 @@ export class ManageTeamDelete extends Component {
           if (error) {
             errors = error.graphQLErrors.map(({ message }, i) => {
               const displayMessage = checkGraphQLError(message)
-              console.log('createTeam error:', displayMessage)
+              log.debug('createTeam error:', displayMessage)
               return (
                 <Typography key={i} variant='caption'>
                   {message}
diff --git a/client/src/views/manage-teams/components/ManageTeamDetails.js b/client/src/views/manage-teams/components/ManageTeamDetails.js
index 2d5ff36f9..2a2f0a63d 100644
--- a/client/src/views/manage-teams/components/ManageTeamDetails.js
+++ b/client/src/views/manage-teams/components/ManageTeamDetails.js
@@ -11,6 +11,8 @@ import CardContent from '@material-ui/core/CardContent'
 import CardActions from '@material-ui/core/CardActions'
 import CardMedia from '@material-ui/core/CardMedia'
 
+import log from '../../../utils/log'
+
 const styles = theme => ({
   dialogContainer: {
     display: 'block',
@@ -62,7 +64,7 @@ export class ManageTeamDetails extends Component {
   }
 
   render () {
-    console.log(this.props.team)
+    log.debug(this.props.team)
     const { classes } = this.props
     const { name, members, profile, createdAt } = this.props.team
     let avatar
diff --git a/client/src/views/manage-teams/components/ManageTeamEdit.js b/client/src/views/manage-teams/components/ManageTeamEdit.js
index 2d9f68616..4644f2e24 100644
--- a/client/src/views/manage-teams/components/ManageTeamEdit.js
+++ b/client/src/views/manage-teams/components/ManageTeamEdit.js
@@ -19,6 +19,7 @@ import UPDATE_TEAM_PROFILE from '../../../graphql/teams/UpdateTeamProfileMutatio
 import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
 import { checkGraphQLError } from '../../../utils/graphql-errors'
+import log from '../../../utils/log'
 
 const styles = theme => ({
   dialogContainer: {
@@ -42,7 +43,7 @@ export class ManageTeamEdit extends Component {
     this.handleAvatar = this.handleAvatar.bind(this)
     this.handleBanner = this.handleBanner.bind(this)
 
-    console.log('ManageTeamEdit', props.team)
+    log.debug('ManageTeamEdit', props.team)
     const motto = props.team.profile.motto || ''
     const description = props.team.profile.description || ''
     const avatar = props.team.profile.avatar || null
@@ -59,7 +60,7 @@ export class ManageTeamEdit extends Component {
 
   render () {
     const { classes, team, match } = this.props
-    console.log('ManageTeamEdit ', this.props, this.props.slug, this.props.team, match)
+    log.debug('ManageTeamEdit ', this.props, this.props.slug, this.props.team, match)
     return (
       <Mutation
         mutation={UPDATE_TEAM_PROFILE}
@@ -82,7 +83,7 @@ export class ManageTeamEdit extends Component {
           if (this.state.banner === null && team.profile !== null && (team.profile.banner === undefined || team.profile.banner === null)) banner = 'https://aadevelop.blob.core.windows.net/module-teams/module-default/aa-banner-default.png'
           if (team.profile !== null && team.profile.banner !== undefined && team.profile.banner !== null) banner = team.profile.banner
           if (this.state.banner !== null) banner = this.state.banner
-          console.log('team images: ', avatar, banner)
+          log.debug('team images: ', avatar, banner)
 
           let errors
           let loader
@@ -94,7 +95,7 @@ export class ManageTeamEdit extends Component {
           if (error) {
             errors = error.graphQLErrors.map(({ message }, i) => {
               const displayMessage = checkGraphQLError(message)
-              console.log('updateTeamProfile error:', displayMessage)
+              log.debug('updateTeamProfile error:', displayMessage)
               return (
                 <Typography key={i} variant='caption'>
                   {message}
@@ -242,17 +243,17 @@ export class ManageTeamEdit extends Component {
   }
 
   handleAvatar (avatarUrl) {
-    console.log('handleAvatar: ', avatarUrl)
+    log.debug('handleAvatar: ', avatarUrl)
     this.setState({ avatar: `${avatarUrl}?${Math.random()}` })
   }
 
   handleBanner (bannerUrl) {
-    console.log('handleBanner: ', bannerUrl)
+    log.debug('handleBanner: ', bannerUrl)
     this.setState({ banner: `${bannerUrl}?${Math.random()}` })
   }
 
   async handleSubmit (e, updateTeamProfile, slug) {
-    console.log('handleSubmit: ', this.state)
+    log.debug('handleSubmit: ', this.state)
     e.preventDefault()
 
     await updateTeamProfile({
diff --git a/client/src/views/manage-teams/components/ManageTeamMembersList.js b/client/src/views/manage-teams/components/ManageTeamMembersList.js
index 2ff624f3a..4c1916559 100644
--- a/client/src/views/manage-teams/components/ManageTeamMembersList.js
+++ b/client/src/views/manage-teams/components/ManageTeamMembersList.js
@@ -14,6 +14,8 @@ import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 import ManageMembersTeamItem from './ManageMembersTeamItem'
 import { MessageCard } from '@advancedalgos/web-components'
 
+import log from '../../../utils/log'
+
 const styles = theme => ({
   heroContent: {
     maxWidth: 600,
@@ -49,12 +51,12 @@ const styles = theme => ({
 export const ManageTeamMembersList = ({ classes, user = null }) => {
   let owner
   let authId = null
-  console.log('ManageTeamsList: ', user)
+  log.debug('ManageTeamsList: ', user)
   if (user !== null && isString(user)) {
     owner = JSON.parse(user)
     if (isDefined(owner.authId)) authId = owner.authId
   }
-  console.log('ManageTeamsList 2: ', owner, authId)
+  log.debug('ManageTeamsList 2: ', owner, authId)
   if (authId === undefined || authId === null) {
     return (
       <Grid container spacing={40}>
@@ -70,7 +72,7 @@ export const ManageTeamMembersList = ({ classes, user = null }) => {
         fetchPolicy='network-only'
       >
         {({ loading, error, data }) => {
-          console.log('GET_TEAMS_BY_OWNER: ', loading, error, data)
+          log.debug('GET_TEAMS_BY_OWNER: ', loading, error, data)
           let errors = null
           if (error) {
             errors = error.graphQLErrors.map(({ message }, i) => {
diff --git a/client/src/views/manage-teams/components/ManageTeamsItem.js b/client/src/views/manage-teams/components/ManageTeamsItem.js
index 9d83ff0f2..c914bf2a8 100644
--- a/client/src/views/manage-teams/components/ManageTeamsItem.js
+++ b/client/src/views/manage-teams/components/ManageTeamsItem.js
@@ -12,8 +12,10 @@ import ManageTeamDetails from './ManageTeamDetails'
 import ManageTeamDelete from './ManageTeamDelete'
 import ManageTeamEdit from './ManageTeamEdit'
 
+import log from '../../../utils/log'
+
 export const ManageTeamsItem = ({ classes, team, ...props }) => {
-  console.log('ManageTeamsItem', team, team.profile, team.profile.avatar)
+  log.debug('ManageTeamsItem', team, team.profile, team.profile.avatar)
   let avatar
   if (team.profile.avatar !== undefined && team.profile.avatar !== 'a') {
     avatar = team.profile.avatar
diff --git a/client/src/views/manage-teams/components/ManageTeamsList.js b/client/src/views/manage-teams/components/ManageTeamsList.js
index 85df118f7..59577baa6 100644
--- a/client/src/views/manage-teams/components/ManageTeamsList.js
+++ b/client/src/views/manage-teams/components/ManageTeamsList.js
@@ -11,6 +11,8 @@ import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 import ManageTeamsItem from './ManageTeamsItem'
 import CreateTeamDialog from './CreateTeamDialog'
 
+import log from '../../../utils/log'
+
 const styles = theme => ({
   heroContent: {
     maxWidth: 600,
@@ -49,7 +51,7 @@ export const ManageTeamsList = ({ classes, user = null, ...props }) => (
     fetchPolicy='network-only'
   >
     {({ loading, error, data }) => {
-      console.log('GET_TEAMS_BY_OWNER: ', loading, error, data)
+      log.debug('GET_TEAMS_BY_OWNER: ', loading, error, data)
 
       let errors = null
       if (error) {
diff --git a/client/src/views/team-members/components/ManageMemberDelete.js b/client/src/views/team-members/components/ManageMemberDelete.js
index cc75e3df1..e7e731703 100644
--- a/client/src/views/team-members/components/ManageMemberDelete.js
+++ b/client/src/views/team-members/components/ManageMemberDelete.js
@@ -15,6 +15,7 @@ import REMOVE_TEAM_MEMBER from '../../../graphql/teams/RemoveTeamMemberMutation'
 import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
 import { checkGraphQLError } from '../../../utils/graphql-errors'
+import log from '../../../utils/log'
 
 const styles = theme => ({
   dialogContainer: {
@@ -54,7 +55,7 @@ export class ManageMemberDelete extends Component {
   }
 
   render () {
-    console.log(this.props, this.props.teamId)
+    log.debug(this.props, this.props.teamId)
     const { classes, teamId, authId } = this.props
     return (
       <Mutation
@@ -72,7 +73,7 @@ export class ManageMemberDelete extends Component {
           if (error) {
             errors = error.graphQLErrors.map(({ message }, i) => {
               const displayMessage = checkGraphQLError(message)
-              console.log('createTeam error:', displayMessage)
+              log.debug('createTeam error:', displayMessage)
               return (
                 <Typography key={i} variant='caption'>
                   {message}
diff --git a/client/src/views/team-members/components/ManageMemberRole.js b/client/src/views/team-members/components/ManageMemberRole.js
index f428ebbb6..08823d3b7 100644
--- a/client/src/views/team-members/components/ManageMemberRole.js
+++ b/client/src/views/team-members/components/ManageMemberRole.js
@@ -17,6 +17,7 @@ import SET_TEAM_MEMBER_ROLE from '../../../graphql/teams/SetTeamMemberRoleMutati
 import GET_TEAMS_BY_OWNER from '../../../graphql/teams/GetTeamsByOwnerQuery'
 
 import { checkGraphQLError } from '../../../utils/graphql-errors'
+import log from '../../../utils/log'
 
 const styles = theme => ({
   dialogContainer: {
@@ -62,7 +63,7 @@ export class ManageMemberRole extends Component {
   }
 
   render () {
-    console.log(this.props, this.props.teamId)
+    log.debug(this.props, this.props.teamId)
     const { classes, teamId, authId } = this.props
     return (
       <Mutation
@@ -80,7 +81,7 @@ export class ManageMemberRole extends Component {
           if (error) {
             errors = error.graphQLErrors.map(({ message }, i) => {
               const displayMessage = checkGraphQLError(message)
-              console.log('createTeam error:', displayMessage)
+              log.debug('createTeam error:', displayMessage)
               return (
                 <Typography key={i} variant='caption'>
                   {message}
diff --git a/client/src/views/team-members/components/ManageMemberStatus.js b/client/src/views/team-members/components/ManageMemberStatus.js
index fba5880ee..b5267f098 100644
--- a/client/src/views/team-members/components/ManageMemberStatus.js
+++ b/client/src/views/team-members/components/ManageMemberStatus.js
@@ -10,6 +10,8 @@ import Card from '@material-ui/core/Card'
 import CardContent from '@material-ui/core/CardContent'
 import CardActions from '@material-ui/core/CardActions'
 
+import log from '../../../utils/log'
+
 const styles = theme => ({
   dialogContainer: {
     display: 'block',
@@ -47,7 +49,7 @@ export class ManageMemberStatus extends Component {
   }
 
   render () {
-    console.log(this.props, this.props.status)
+    log.debug(this.props, this.props.status)
     const { classes, status } = this.props
     return (
       <div>
diff --git a/client/src/views/team-members/components/ManageMembersItem.js b/client/src/views/team-members/components/ManageMembersItem.js
index daad67f3e..3dd2be7fb 100644
--- a/client/src/views/team-members/components/ManageMembersItem.js
+++ b/client/src/views/team-members/components/ManageMembersItem.js
@@ -9,8 +9,10 @@ import ManageMemberRole from './ManageMemberRole'
 import ManageMemberStatus from './ManageMemberStatus'
 import { MessageCard } from '@advancedalgos/web-components'
 
+import log from '../../../utils/log'
+
 export const ManageMembersItem = ({ classes, member, teamId, authId }) => {
-  console.log('ManageMembersItem', member)
+  log.debug('ManageMembersItem', member)
   let profile = null
   let email = null
   let memberStatus = null
diff --git a/client/src/views/team-members/components/ManageMembersTeamItem.js b/client/src/views/team-members/components/ManageMembersTeamItem.js
index f8bdbf102..186576377 100644
--- a/client/src/views/team-members/components/ManageMembersTeamItem.js
+++ b/client/src/views/team-members/components/ManageMembersTeamItem.js
@@ -12,6 +12,8 @@ import InviteMemberDialog from './InviteMemberDialog'
 import ManageMembersItem from './ManageMembersItem'
 import { MessageCard } from '@advancedalgos/web-components'
 
+import log from '../../../utils/log'
+
 const styles = theme => ({
   heroContent: {
     maxWidth: 600,
@@ -56,7 +58,7 @@ const styles = theme => ({
 })
 
 export const ManageMembersTeamItem = ({ classes, team, authId }) => {
-  console.log('ManageMembersItem', team, team.profile, team.profile.avatar)
+  log.debug('ManageMembersItem', team, team.profile, team.profile.avatar)
   let avatar
   if (team.profile.avatar !== undefined && team.profile.avatar !== 'a') {
     avatar = team.profile.avatar
diff --git a/client/src/views/teams/AcceptTeamInvite.js b/client/src/views/teams/AcceptTeamInvite.js
index 1dde43cf4..58fa28efa 100644
--- a/client/src/views/teams/AcceptTeamInvite.js
+++ b/client/src/views/teams/AcceptTeamInvite.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 
 import { parse } from '../../utils/js-helpers'
+import log from '../../utils/log'
 
 import { MessageCard } from '@advancedalgos/web-components'
 
@@ -9,7 +10,7 @@ class AcceptTeamInvite extends Component {
   render () {
     const { location, auth } = this.props
     const param = parse(location.search)
-    console.log(param, auth)
+    log.debug(param, auth)
 
     if (auth === undefined) {
       return <MessageCard message='Loading...' />
diff --git a/client/src/views/teams/components/TeamsList.js b/client/src/views/teams/components/TeamsList.js
index a8bd4cf84..ac416122f 100644
--- a/client/src/views/teams/components/TeamsList.js
+++ b/client/src/views/teams/components/TeamsList.js
@@ -10,6 +10,7 @@ import { MessageCard } from '@advancedalgos/web-components'
 import GET_ALL_TEAMS_QUERY from '../../../graphql/teams/GetAllTeamsQuery'
 
 import { isEmpty } from '../../../utils/js-helpers'
+import log from '../../../utils/log'
 
 import TeamsItem from './TeamsItem'
 import TeamsDetails from './TeamsDetails'
@@ -42,7 +43,7 @@ const styles = theme => ({
 export const TeamsList = ({ classes, match }) => (
   <Query query={GET_ALL_TEAMS_QUERY} fetchPolicy='cache-and-network' >
     {({ loading, error, data, ...props }) => {
-      console.log('GET_ALL_TEAMS: ', loading, error, data, match, props)
+      log.debug('GET_ALL_TEAMS: ', loading, error, data, match, props)
       let slug = null
       if (!isEmpty(match.params) && match.params.slug) slug = match.params.slug
 
diff --git a/client/tools/log.js b/client/tools/log.js
deleted file mode 100644
index 978d6d4bb..000000000
--- a/client/tools/log.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import minilog from 'minilog'
-
-minilog.enable()
-
-const log = minilog('frontend')
-
-let consoleLog = global.console.log
-
-global.console.log = function () {
-  consoleLog.apply(global.console, arguments)
-}
-
-export default log