diff --git a/android/app/build.gradle b/android/app/build.gradle
index e5aec80..399cfd1 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -172,6 +172,7 @@ android {
 }
 
 dependencies {
+    implementation project(':react-native-localize')
   implementation project(':react-native-gesture-handler')
   implementation project(':react-native-vector-icons')
   implementation project(':react-native-login-with-amazon')
diff --git a/android/app/src/main/java/com/error/amazonhandmadern/MainApplication.java b/android/app/src/main/java/com/error/amazonhandmadern/MainApplication.java
index 088ca83..31b2a29 100644
--- a/android/app/src/main/java/com/error/amazonhandmadern/MainApplication.java
+++ b/android/app/src/main/java/com/error/amazonhandmadern/MainApplication.java
@@ -4,6 +4,7 @@
 import android.app.Application;
 
 import com.facebook.react.ReactApplication;
+import com.reactcommunity.rnlocalize.RNLocalizePackage;
 import com.swmansion.gesturehandler.react.RNGestureHandlerPackage;
 import com.reactlibrary.RNLoginWithAmazonPackage;
 import com.oblador.vectoricons.VectorIconsPackage;
@@ -49,6 +50,7 @@ public boolean getUseDeveloperSupport() {
     protected List<ReactPackage> getPackages() {
       return Arrays.asList(
         new MainReactPackage(),
+            new RNLocalizePackage(),
             new RNGestureHandlerPackage(),
             new RNLoginWithAmazonPackage(),
             new VectorIconsPackage(),
diff --git a/android/settings.gradle b/android/settings.gradle
index 2db91f6..d204993 100644
--- a/android/settings.gradle
+++ b/android/settings.gradle
@@ -1,4 +1,6 @@
 rootProject.name = 'AmazonHandmadeRN'
+include ':react-native-localize'
+project(':react-native-localize').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-localize/android')
 include ':react-native-gesture-handler'
 project(':react-native-gesture-handler').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-gesture-handler/android')
 include ':react-native-vector-icons'
diff --git a/ios/AmazonHandmadeRN.xcodeproj/project.pbxproj b/ios/AmazonHandmadeRN.xcodeproj/project.pbxproj
index fa74db8..80433d1 100644
--- a/ios/AmazonHandmadeRN.xcodeproj/project.pbxproj
+++ b/ios/AmazonHandmadeRN.xcodeproj/project.pbxproj
@@ -26,6 +26,7 @@
 		13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; };
 		13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
 		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
+		13B2DDDF229E64D700903596 /* libRNLocalize.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 13B2DDDB229E648400903596 /* libRNLocalize.a */; };
 		140ED2AC1D01E1AD002B40FF /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; };
 		146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; };
 		2107522A99AE4FC6825D560C /* Octicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 46FB1083A2894CB8A86E57F7 /* Octicons.ttf */; };
@@ -152,6 +153,48 @@
 			remoteGlobalIDString = 3C86DF461ADF2C930047B81A;
 			remoteInfo = RCTWebSocket;
 		};
+		13B2DDCF229E648400903596 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = EDEBC6D6214B3E7000DD5AC8;
+			remoteInfo = jsi;
+		};
+		13B2DDD1229E648400903596 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = EDEBC73B214B45A300DD5AC8;
+			remoteInfo = jsiexecutor;
+		};
+		13B2DDD3229E648400903596 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = ED296FB6214C9A0900B7C4FE;
+			remoteInfo = "jsi-tvOS";
+		};
+		13B2DDD5229E648400903596 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = ED296FEE214C9CF800B7C4FE;
+			remoteInfo = "jsiexecutor-tvOS";
+		};
+		13B2DDDA229E648400903596 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 13B2DDA7229E648400903596 /* RNLocalize.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 134814201AA4EA6300B7C361;
+			remoteInfo = RNLocalize;
+		};
+		13B2DDDC229E648400903596 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 13B2DDA7229E648400903596 /* RNLocalize.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 2D2A28471D9B043800D4039D;
+			remoteInfo = "RNLocalize-tvOS";
+		};
 		146834031AC3E56700842450 /* PBXContainerItemProxy */ = {
 			isa = PBXContainerItemProxy;
 			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
@@ -257,20 +300,6 @@
 			remoteGlobalIDString = 3D3CD9321DE5FBEE00167DC4;
 			remoteInfo = "cxxreact-tvOS";
 		};
-		3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 3D3CD90B1DE5FBD600167DC4;
-			remoteInfo = jschelpers;
-		};
-		3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 3D3CD9181DE5FBD800167DC4;
-			remoteInfo = "jschelpers-tvOS";
-		};
 		5E9157321DD0AC6500FF2AA8 /* PBXContainerItemProxy */ = {
 			isa = PBXContainerItemProxy;
 			containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */;
@@ -341,20 +370,6 @@
 			remoteGlobalIDString = 3D383D621EBD27B9005632C8;
 			remoteInfo = "double-conversion-tvOS";
 		};
-		83B7621B1FE42BDD00F21A7A /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 9936F3131F5F2E4B0010BF04;
-			remoteInfo = privatedata;
-		};
-		83B7621D1FE42BDD00F21A7A /* PBXContainerItemProxy */ = {
-			isa = PBXContainerItemProxy;
-			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
-			proxyType = 2;
-			remoteGlobalIDString = 9936F32F1F5F2E5B0010BF04;
-			remoteInfo = "privatedata-tvOS";
-		};
 		8E7D4B011F8AFD6F00699FE4 /* PBXContainerItemProxy */ = {
 			isa = PBXContainerItemProxy;
 			containerPortal = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */;
@@ -403,6 +418,7 @@
 		13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = AmazonHandmadeRN/Images.xcassets; sourceTree = "<group>"; };
 		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = AmazonHandmadeRN/Info.plist; sourceTree = "<group>"; };
 		13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = AmazonHandmadeRN/main.m; sourceTree = "<group>"; };
+		13B2DDA7229E648400903596 /* RNLocalize.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RNLocalize.xcodeproj; path = "../node_modules/react-native-localize/ios/RNLocalize.xcodeproj"; sourceTree = "<group>"; };
 		146833FF1AC3E56700842450 /* React.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = React.xcodeproj; path = "../node_modules/react-native/React/React.xcodeproj"; sourceTree = "<group>"; };
 		1C347B193AC84C1392129B44 /* HandmadeLogo@2x.png */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "HandmadeLogo@2x.png"; path = "../assets/images/2x/HandmadeLogo@2x.png"; sourceTree = "<group>"; };
 		1C71F371E58D444E80827434 /* EvilIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = EvilIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf"; sourceTree = "<group>"; };
@@ -481,6 +497,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				13B2DDDF229E64D700903596 /* libRNLocalize.a in Frameworks */,
 				130A3DAA21ED97270020C367 /* SafariServices.framework in Frameworks */,
 				130A3DA821ED97130020C367 /* Security.framework in Frameworks */,
 				ADBDB9381DFEBF1600ED6528 /* libRCTBlob.a in Frameworks */,
@@ -628,6 +645,15 @@
 			name = AmazonHandmadeRN;
 			sourceTree = "<group>";
 		};
+		13B2DDA8229E648400903596 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				13B2DDDB229E648400903596 /* libRNLocalize.a */,
+				13B2DDDD229E648400903596 /* libRNLocalize-tvOS.a */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
 		146834001AC3E56700842450 /* Products */ = {
 			isa = PBXGroup;
 			children = (
@@ -637,16 +663,16 @@
 				3DAD3EA71DF850E9000B6D8A /* libyoga.a */,
 				3DAD3EA91DF850E9000B6D8A /* libcxxreact.a */,
 				3DAD3EAB1DF850E9000B6D8A /* libcxxreact.a */,
-				3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */,
-				3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */,
 				21BD0A8E216B7CEC00CE6C8C /* libjsinspector.a */,
 				21BD0A90216B7CEC00CE6C8C /* libjsinspector-tvOS.a */,
 				836AA8EA1FACD2AC0010E64B /* libthird-party.a */,
 				836AA8EC1FACD2AC0010E64B /* libthird-party.a */,
 				836AA8EE1FACD2AC0010E64B /* libdouble-conversion.a */,
 				836AA8F01FACD2AC0010E64B /* libdouble-conversion.a */,
-				83B7621C1FE42BDD00F21A7A /* libprivatedata.a */,
-				83B7621E1FE42BDD00F21A7A /* libprivatedata-tvOS.a */,
+				13B2DDD0229E648400903596 /* libjsi.a */,
+				13B2DDD2229E648400903596 /* libjsiexecutor.a */,
+				13B2DDD4229E648400903596 /* libjsi-tvOS.a */,
+				13B2DDD6229E648400903596 /* libjsiexecutor-tvOS.a */,
 			);
 			name = Products;
 			sourceTree = "<group>";
@@ -681,6 +707,7 @@
 		832341AE1AAA6A7D00B99B32 /* Libraries */ = {
 			isa = PBXGroup;
 			children = (
+				13B2DDA7229E648400903596 /* RNLocalize.xcodeproj */,
 				5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */,
 				146833FF1AC3E56700842450 /* React.xcodeproj */,
 				00C302A71ABCB8CE00DB3ED1 /* RCTActionSheet.xcodeproj */,
@@ -939,6 +966,7 @@
 			developmentRegion = English;
 			hasScannedForEncodings = 0;
 			knownRegions = (
+				English,
 				en,
 				Base,
 			);
@@ -998,6 +1026,10 @@
 					ProductGroup = 8E7D4B111F8AFD6F00699FE4 /* Products */;
 					ProjectRef = ADF4CB3C3BF44D3EBA8B78C4 /* RNFirebase.xcodeproj */;
 				},
+				{
+					ProductGroup = 13B2DDA8229E648400903596 /* Products */;
+					ProjectRef = 13B2DDA7229E648400903596 /* RNLocalize.xcodeproj */;
+				},
 				{
 					ProductGroup = 130A3F7F21F019170020C367 /* Products */;
 					ProjectRef = FCAB855C8303479185DDE00C /* RNLoginWithAmazon.xcodeproj */;
@@ -1070,6 +1102,48 @@
 			remoteRef = 139FDEF31B06529B00C62182 /* PBXContainerItemProxy */;
 			sourceTree = BUILT_PRODUCTS_DIR;
 		};
+		13B2DDD0229E648400903596 /* libjsi.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = libjsi.a;
+			remoteRef = 13B2DDCF229E648400903596 /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		13B2DDD2229E648400903596 /* libjsiexecutor.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = libjsiexecutor.a;
+			remoteRef = 13B2DDD1229E648400903596 /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		13B2DDD4229E648400903596 /* libjsi-tvOS.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = "libjsi-tvOS.a";
+			remoteRef = 13B2DDD3229E648400903596 /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		13B2DDD6229E648400903596 /* libjsiexecutor-tvOS.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = "libjsiexecutor-tvOS.a";
+			remoteRef = 13B2DDD5229E648400903596 /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		13B2DDDB229E648400903596 /* libRNLocalize.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = libRNLocalize.a;
+			remoteRef = 13B2DDDA229E648400903596 /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		13B2DDDD229E648400903596 /* libRNLocalize-tvOS.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = "libRNLocalize-tvOS.a";
+			remoteRef = 13B2DDDC229E648400903596 /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
 		146834041AC3E56700842450 /* libReact.a */ = {
 			isa = PBXReferenceProxy;
 			fileType = archive.ar;
@@ -1168,20 +1242,6 @@
 			remoteRef = 3DAD3EAA1DF850E9000B6D8A /* PBXContainerItemProxy */;
 			sourceTree = BUILT_PRODUCTS_DIR;
 		};
-		3DAD3EAD1DF850E9000B6D8A /* libjschelpers.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libjschelpers.a;
-			remoteRef = 3DAD3EAC1DF850E9000B6D8A /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		3DAD3EAF1DF850E9000B6D8A /* libjschelpers.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libjschelpers.a;
-			remoteRef = 3DAD3EAE1DF850E9000B6D8A /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
 		5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */ = {
 			isa = PBXReferenceProxy;
 			fileType = archive.ar;
@@ -1252,20 +1312,6 @@
 			remoteRef = 836AA8EF1FACD2AC0010E64B /* PBXContainerItemProxy */;
 			sourceTree = BUILT_PRODUCTS_DIR;
 		};
-		83B7621C1FE42BDD00F21A7A /* libprivatedata.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = libprivatedata.a;
-			remoteRef = 83B7621B1FE42BDD00F21A7A /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
-		83B7621E1FE42BDD00F21A7A /* libprivatedata-tvOS.a */ = {
-			isa = PBXReferenceProxy;
-			fileType = archive.ar;
-			path = "libprivatedata-tvOS.a";
-			remoteRef = 83B7621D1FE42BDD00F21A7A /* PBXContainerItemProxy */;
-			sourceTree = BUILT_PRODUCTS_DIR;
-		};
 		8E7D4B021F8AFD6F00699FE4 /* libRCTBlob-tvOS.a */ = {
 			isa = PBXReferenceProxy;
 			fileType = archive.ar;
diff --git a/ios/Podfile b/ios/Podfile
index f919b9a..be5c0c1 100644
--- a/ios/Podfile
+++ b/ios/Podfile
@@ -39,6 +39,8 @@ target 'AmazonHandmadeRN' do
   pod 'RNLoginWithAmazon', :path => '../node_modules/react-native-login-with-amazon'
   pod 'RNGestureHandler', :path => '../node_modules/react-native-gesture-handler'
 
+  pod 'RNLocalize', :path => '../node_modules/react-native-localize'
+
 end
 
 post_install do |installer|
diff --git a/package.json b/package.json
index 9db54f6..046b695 100644
--- a/package.json
+++ b/package.json
@@ -60,6 +60,7 @@
     }
   },
   "dependencies": {
+    "i18n-js": "^3.2.1",
     "native-base": "^2.12.1",
     "react": "16.8.4",
     "react-native": "0.59.4",
@@ -73,6 +74,7 @@
     "react-native-keyboard-aware-scrollview": "^2.0.0",
     "react-native-linear-gradient": "^2.5.4",
     "react-native-login-with-amazon": "^1.1.8",
+    "react-native-localize": "^1.1.2",
     "react-native-motion": "^1.0.2",
     "react-native-side-drawer": "^1.0.9",
     "react-native-simple-radio-button": "^2.7.3",
diff --git a/src/components/AddImage/index.js b/src/components/AddImage/index.js
index 706cfc8..982f381 100644
--- a/src/components/AddImage/index.js
+++ b/src/components/AddImage/index.js
@@ -17,7 +17,7 @@ export default class AddImage extends Component {
           />
           :
           <View style={[styles.default, styles.addImage, this.props.style]}>
-            <Text style={styles.text}>Add Image</Text>
+            <Text style={styles.text}>{this.props.text? this.props.text: "Add Image"}</Text>
             <Icon
               name="plus"
               size={20}
@@ -48,8 +48,10 @@ const styles = StyleSheet.create({
     backgroundColor: '#DDDDDD'
   },
   text: {
+    textAlign: 'center',
     fontSize: 16, 
     fontWeight: 'bold', 
     color: 'darkgrey'
+    
   }
 })
\ No newline at end of file
diff --git a/src/components/Translate/index.js b/src/components/Translate/index.js
new file mode 100644
index 0000000..2aeeaaa
--- /dev/null
+++ b/src/components/Translate/index.js
@@ -0,0 +1,37 @@
+import React, { Component } from 'react'
+import { connect } from 'react-redux'
+import { Text } from 'react-native'
+import I18n, {setLocale} from "../../utils/i18n"
+
+class Translate extends Component {
+  constructor(props) {
+    super(props)
+
+    this.getTranslation = this.getTranslation.bind(this)
+  }
+  
+  getTranslation(string){
+    const lang = this.props.Settings.language
+    
+    return I18n.t(string, {locale: lang})
+  }
+    
+  render() {
+    return (
+      <Text style={[styles.containerStyle, this.props.style]}> {this.getTranslation(this.props.transString)} </Text>
+    )
+  }
+}
+
+function mapStateToProps(state) {
+  return {
+    Errors: state.Errors,
+    Settings: state.Settings
+  }
+}
+
+const styles = {
+  containerStyle: {}
+}
+
+export default connect(mapStateToProps)(Translate)
\ No newline at end of file
diff --git a/src/reducers/Settings.js b/src/reducers/Settings.js
new file mode 100644
index 0000000..b73f5f4
--- /dev/null
+++ b/src/reducers/Settings.js
@@ -0,0 +1,15 @@
+import * as RNLocalize from "react-native-localize"
+
+const initLanguage = RNLocalize.getLocales()[0].languageTag
+
+export default function Settings(state = {language: initLanguage}, action) {
+  console.log("Settings reducing action " + action.type)
+  switch (action.type) {
+    case 'SET_LANGUAGE':
+      return Object.assign({}, state, {
+          language: action.language
+      })
+    default:
+      return state
+  }
+}
\ No newline at end of file
diff --git a/src/reducers/index.js b/src/reducers/index.js
index 04f6e0d..1b0bd40 100644
--- a/src/reducers/index.js
+++ b/src/reducers/index.js
@@ -8,9 +8,10 @@ import Artisans from './Artisans'
 import Products from './Products'
 import Payouts from './Payouts'
 import Conversations from './Conversations'
+import Settings from './Settings'
 
 //Then combine them all here
-const appReducer = combineReducers({ User, Errors, Artisans, Products, Payouts, Conversations })
+const appReducer = combineReducers({ User, Errors, Artisans, Products, Payouts, Conversations, Settings })
 
 const rootReducer = (state, action) => {
   if(action.type == 'RESET_STORE' || (__DEV__ && action.type == 'LOGOUT')) {
diff --git a/src/screens/ActionCenter/ActionCenter.js b/src/screens/ActionCenter/ActionCenter.js
index 7410ed0..b9b92df 100644
--- a/src/screens/ActionCenter/ActionCenter.js
+++ b/src/screens/ActionCenter/ActionCenter.js
@@ -13,11 +13,12 @@ import {
 } from 'react-native'
 import { ProfilePicture } from '../../components'
 import { View } from 'native-base';
+import I18n, {setLocale} from "../../utils/i18n"
 
 export default class ActionCenter extends Component {
-  static navigationOptions = () => {
+  static navigationOptions = ({navigation}) => {
     return {
-      title: 'Action Center'
+      title: navigation.getParam('Title', 'Default Title')
     }
 
   }
@@ -34,10 +35,13 @@ export default class ActionCenter extends Component {
        onPress: () => this.navigateToEditCGA()
      }*/,
       {
-        title: 'Settings',
+        title: I18n.t("ActionCenter.settings", {locale: this.props.Settings.language}),
         onPress: () => this.navigateToSettings()
       }
     ]
+    
+    this.props.navigation.setParams({Title: I18n.t("ActionCenter.title", {locale: this.props.Settings.language})})
+    
     this.navigateToEditCGA = this.navigateToEditCGA.bind(this)
     this.navigateToSettings = this.navigateToSettings.bind(this)
     this.getTotalListings = this.getTotalListings.bind(this)
@@ -68,7 +72,7 @@ export default class ActionCenter extends Component {
         <Wallpaper style={styles.container}>
           <ScrollView style={{ flex: 1.8 }}>
             <StandardCard
-              title="Welcome To HANDMADE"
+              title={I18n.t("ActionCenter.welcome", {locale: this.props.Settings.language})}
               buttonsArray={this.settingsNavButton}
             >
               <CardSection style={styles.cardSection}>
@@ -77,36 +81,36 @@ export default class ActionCenter extends Component {
                 source={{uri: this.props.User.photoURL}}
                 style={styles.image}
                />*/}
-                <Text style={styles.cardText}>Name: {this.props.User.displayName} </Text>
-                <Text style={styles.cardText}>Email: {this.props.User.email}</Text>
+                <Text style={styles.cardText}>{I18n.t("ActionCenter.name", {locale: this.props.Settings.language})}: {this.props.User.displayName} </Text>
+                <Text style={styles.cardText}>{I18n.t("ActionCenter.email", {locale: this.props.Settings.language})}: {this.props.User.email}</Text>
               </CardSection>
             </StandardCard>
 
             <StandardCard
-              title="About Artisans"
+              title={I18n.t("ActionCenter.aboutArtisans", {locale: this.props.Settings.language})}
               buttonsArray={this.transactionButtons}
             >
               <CardSection style={styles.cardSection}>
-                <Text style={styles.cardText}>Number of Artisans: {this.props.Artisans.length}</Text>
-                <Text style={styles.cardText}>Total Artisan Listings: {this.getTotalListings()}</Text>
+                <Text style={styles.cardText}>{I18n.t("ActionCenter.numberOf", {locale: this.props.Settings.language})}: {this.props.Artisans.length}</Text>
+                <Text style={styles.cardText}>{I18n.t("ActionCenter.totalArtisans", {locale: this.props.Settings.language})}: {this.getTotalListings()}</Text>
               </CardSection>
             </StandardCard>
 
             <StandardCard
-              title="Resources"
+              title={I18n.t("ActionCenter.resources", {locale: this.props.Settings.language})}
             >
               <CardSection style={styles.cardSection}>
                 <TouchableOpacity onPress={() => Linking.openURL('https://error404.gitbook.io/project/')}>
-                  <Text style={[styles.cardText, styles.linkText]}>Application Documentation </Text>
+                  <Text style={[styles.cardText, styles.linkText]}>{I18n.t("ActionCenter.wiki", {locale: this.props.Settings.language})}</Text>
                 </TouchableOpacity>
                 <TouchableOpacity onPress={() => Linking.openURL('https://sellercentral.amazon.com/')}>
-                  <Text style={[styles.cardText, styles.linkText]}>Seller Central</Text>
+                  <Text style={[styles.cardText, styles.linkText]}>{I18n.t("ActionCenter.sellerCentral", {locale: this.props.Settings.language})}</Text>
                 </TouchableOpacity>
                 <TouchableOpacity onPress={() => Linking.openURL('https://sellercentral.amazon.com/forums/')}>
-                  <Text style={[styles.cardText, styles.linkText]}>Seller Forums </Text>
+                  <Text style={[styles.cardText, styles.linkText]}>{I18n.t("ActionCenter.sellerForum", {locale: this.props.Settings.language})}</Text>
                 </TouchableOpacity>
                 <TouchableOpacity onPress={() => Linking.openURL('https://www.amazon.com/ap/signin?openid.return_to=https%3A%2F%2Fwww.amazon.com%2Fhz%2Fcontact-us%3Ffrom%3Dgp%26*entries*%3D0%26_encoding%3DUTF8%26*Version*%3D1&openid.identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid.assoc_handle=amzn_contactus_desktop_us&openid.mode=checkid_setup&marketPlaceId=ATVPDKIKX0DER&openid.claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&pageId=Amazon&openid.ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid.pape.max_auth_age=3600&siteState=clientContext%3D133-3534273-1927417%2CsourceUrl%3Dhttps%253A%252F%252Fwww.amazon.com%252Fhz%252Fcontact-us%253Ffrom%253Dgp%2526*entries*%253D0%2526_encoding%253DUTF8%2526*Version*%253D1%2Csignature%3DroWGPjqxWUoNNtMkFrBDZBSTH0Yj3D')}>
-                  <Text style={[styles.cardText, styles.linkText]}>Contact Support </Text>
+                  <Text style={[styles.cardText, styles.linkText]}>{I18n.t("ActionCenter.contact", {locale: this.props.Settings.language})}</Text>
                 </TouchableOpacity>
               </CardSection>
             </StandardCard>
diff --git a/src/screens/ActionCenter/index.js b/src/screens/ActionCenter/index.js
index ebdd789..259ebe7 100644
--- a/src/screens/ActionCenter/index.js
+++ b/src/screens/ActionCenter/index.js
@@ -9,7 +9,8 @@ function mapStateToProps(state) {
     Artisans: state.Artisans,
     Errors: state.Errors,
     ActionCenter: state.ActionCenter,
-    Conversations: state.Conversations
+    Conversations: state.Conversations,
+    Settings: state.Settings
   }
 }
 
diff --git a/src/screens/ArtisanHub/AddArtisan.js b/src/screens/ArtisanHub/AddArtisan.js
index 37f8977..c53aa8d 100644
--- a/src/screens/ArtisanHub/AddArtisan.js
+++ b/src/screens/ArtisanHub/AddArtisan.js
@@ -3,10 +3,11 @@ import React, { Component } from 'react'
 import { StyleSheet, View } from 'react-native'
 import ImagePicker from 'react-native-image-crop-picker'
 import { isValidPhoneNumber } from 'react-phone-number-input'
+import I18n, {setLocale} from "../../utils/i18n"
 
 export default class AddArtisan extends Component {
-  static navigationOptions = {
-    title: 'Add Artisan'
+  static navigationOptions = ({navigation}) => {
+    title: navigation.getParam('Title', 'Add Artisan')
   }
 
   constructor(props) {
@@ -22,6 +23,8 @@ export default class AddArtisan extends Component {
 
       focusedInputs: { name: false, phoneNumber: false, location: false, description: false }
     }
+    
+    this.props.navigation.setParams({Title: I18n.t("AddArtisan.title", {locale: this.props.Settings.language})})
 
     this.pickImage = this.pickImage.bind(this)
     this.createArtisan = this.createArtisan.bind(this)
@@ -126,6 +129,7 @@ export default class AddArtisan extends Component {
       <Wallpaper style={styles.container}>
         <View style={styles.firstSection}>
           <AddImage
+            text = {I18n.t("AddArtisan.addImage", {locale: this.props.Settings.language})}
             imageUri={this.state.profilePicturePath}
             onPress={() => this.pickImage()}
             style={styles.image}
@@ -134,7 +138,7 @@ export default class AddArtisan extends Component {
             <View style={this.state.focusedInputs.name ? [styles.focusedInput, styles.inputWrapper] : styles.inputWrapper}>
               <UserInput
                 iconName="id-card"
-                placeholder="Name"
+                placeholder={I18n.t("AddArtisan.name", {locale: this.props.Settings.language})}
                 value={this.state.name}
                 onChangeText={(newText) => this.setState({ name: newText })}
                 onFocus={() => this.setState({ focusedInputs: { ...this.state.focusedInputs, name: true } })}
@@ -145,7 +149,7 @@ export default class AddArtisan extends Component {
             <View style={this.state.focusedInputs.phoneNumber ? [styles.focusedInput, styles.inputWrapper] : styles.inputWrapper}>
               <UserInput
                 iconName="phone"
-                placeholder="Phone Number"
+                placeholder={I18n.t("AddArtisan.phone", {locale: this.props.Settings.language})}
                 value={this.state.phoneNumber}
                 onChangeText={this.onTextChange}
                 onFocus={() => this.setState({ focusedInputs: { ...this.state.focusedInputs, phoneNumber: true } })}
@@ -160,7 +164,7 @@ export default class AddArtisan extends Component {
           <View style={this.state.focusedInputs.location ? [styles.focusedInput2, styles.inputWrapper2] : styles.inputWrapper2}>
             <UserInput
               iconName="map"
-              placeholder="Location"
+              placeholder={I18n.t("AddArtisan.location", {locale: this.props.Settings.language})}
               value={this.state.location}
               onChangeText={(newText) => this.setState({ location: newText })}
               onFocus={() => this.setState({ focusedInputs: { ...this.state.focusedInputs, location: true } })}
@@ -170,7 +174,7 @@ export default class AddArtisan extends Component {
           </View>
           <View style={this.state.focusedInputs.description ? [styles.focusedInput2, styles.inputWrapper3] : styles.inputWrapper3}>
             <UserInput
-              placeholder="Describe this artisan"
+              placeholder={I18n.t("AddArtisan.describe", {locale: this.props.Settings.language})}
               value={this.state.description}
               onChangeText={(newText) => this.setState({ description: newText })}
               onFocus={() => this.setState({ focusedInputs: { ...this.state.focusedInputs, description: true } })}
@@ -181,7 +185,7 @@ export default class AddArtisan extends Component {
           </View>
         </View>
         <AsyncButton
-          title="Create"
+          title={I18n.t("AddArtisan.create", {locale: this.props.Settings.language})}
           color='#c14700'
           textColor='white'
           onPress={this.createArtisan}
diff --git a/src/screens/ArtisanHub/ArtisanDetail.js b/src/screens/ArtisanHub/ArtisanDetail.js
index 1ab8193..9ce7610 100644
--- a/src/screens/ArtisanHub/ArtisanDetail.js
+++ b/src/screens/ArtisanHub/ArtisanDetail.js
@@ -18,10 +18,12 @@ import {
 } from 'react-native'
 import { withMappedNavigationParams } from 'react-navigation-props-mapper'
 import { FlatGrid } from 'react-native-super-grid'
+import I18n, {setLocale} from "../../utils/i18n"
+
 class ArtisanDetail extends Component {
-  static navigationOptions = () => {
+  static navigationOptions = ({navigation}) => {
     return {
-      title: 'Artisan Details'
+      title: navigation.getParam('Title', 'Artisan Detail')
     }
   }
 
@@ -43,25 +45,27 @@ class ArtisanDetail extends Component {
 
     this.artisanInfoButtons = [
       {
-        title: 'Edit',
+        title: I18n.t("ArtisanDetail.edit", {locale: this.props.Settings.language}),
         onPress: () => this.navigateToEditArtisan()
       },
       {
-        title: 'Message',
+        title: I18n.t("ArtisanDetail.message", {locale: this.props.Settings.language}),
         onPress: () => this.navigateToMessage()
       }
     ]
 
     this.productsButtons = [
       {
-        title: 'Add',
+        title: I18n.t("ArtisanDetail.add", {locale: this.props.Settings.language}),
         onPress: () => this.navigateToAddProduct() 
       },
       {
-        title: 'View All',
+        title: I18n.t("ArtisanDetail.viewAll", {locale: this.props.Settings.language}),
         onPress: () => this.navigateToProductList() 
       }
     ]
+    
+    this.props.navigation.setParams({Title: I18n.t("ArtisanDetail.title", {locale: this.props.Settings.language})})
 
     this.onCancel = this.onCancel.bind(this)
     this.deletePressed = this.deletePressed.bind(this)
@@ -236,7 +240,7 @@ class ArtisanDetail extends Component {
       <Wallpaper style={styles.container}>
         <ScrollView style={{ flex: 1.8 }}>
           <StandardCard 
-            title="Artisan Info" 
+            title={I18n.t("ArtisanDetail.artisanInfo", {locale: this.props.Settings.language})} 
             buttonsArray={this.artisanInfoButtons} 
           >
             <CardSection>
@@ -256,7 +260,7 @@ class ArtisanDetail extends Component {
           </StandardCard>
 
           <StandardCard 
-            title="Top Products" 
+            title={I18n.t("ArtisanDetail.topProds", {locale: this.props.Settings.language})} 
             buttonsArray={this.productsButtons}
           >
             {this.renderListOfProducts()}
diff --git a/src/screens/ArtisanHub/ArtisanList.js b/src/screens/ArtisanHub/ArtisanList.js
index d346cca..492e892 100644
--- a/src/screens/ArtisanHub/ArtisanList.js
+++ b/src/screens/ArtisanHub/ArtisanList.js
@@ -12,18 +12,19 @@ import {
   Platform
 } from 'react-native'
 import { ProfilePicture } from '../../components'
+import I18n, {setLocale} from "../../utils/i18n"
 
 
 export default class ArtisanList extends Component {
   static navigationOptions = ({ navigation }) => {
     return {
-      title: 'Artisans',
+      title: navigation.getParam('Title', 'Default Title'),
       headerRight: (
         <View style={Platform.OS === 'ios' ? { paddingRight: 0 } : { paddingRight: 20 }}>
           <Button
             transparent
             onPress={() => navigation.navigate("AddArtisan")}
-            title="Add"
+            title={navigation.getParam('AddTitle', 'Add')}
           />
         </View>
       )
@@ -40,6 +41,9 @@ export default class ArtisanList extends Component {
       text: "",
       artisans: this.sortedArtisans()
     }
+    
+    this.props.navigation.setParams({Title: I18n.t("ArtisanList.title", {locale: this.props.Settings.language})})
+    this.props.navigation.setParams({AddTitle: I18n.t("ArtisanList.add", {locale: this.props.Settings.language})})
 
     this.fetchArtisans = this.fetchArtisans.bind(this)
     this.navigateToArtisan = this.navigateToArtisan.bind(this)
@@ -145,7 +149,7 @@ export default class ArtisanList extends Component {
           value={this.state.text}
           onChangeText={(newText) => this.setState({ text: newText }, this.searchFilterFunction)}
           underlineColorAndroid="transparent"
-          placeholder="Search Artisan"
+          placeholder={I18n.t("ArtisanList.search", {locale: this.props.Settings.language})}
         />
         {(this.props.Artisans != [] && this.state.fetchingArtisans) ?
           <ActivityIndicator
diff --git a/src/screens/ArtisanHub/EditArtisan.js b/src/screens/ArtisanHub/EditArtisan.js
index 5ea1ee5..a165370 100644
--- a/src/screens/ArtisanHub/EditArtisan.js
+++ b/src/screens/ArtisanHub/EditArtisan.js
@@ -4,11 +4,12 @@ import { StyleSheet, View } from 'react-native'
 import ImagePicker from 'react-native-image-crop-picker'
 import { withMappedNavigationParams } from 'react-navigation-props-mapper'
 import { isValidPhoneNumber } from 'react-phone-number-input'
+import I18n, {setLocale} from "../../utils/i18n"
 
 class EditArtisan extends Component {
-  static navigationOptions = () => {
+  static navigationOptions = ({navigation}) => {
     return {
-      title: 'Edit Artisan'
+      title: navigation.getParam('Title', 'Edit Artisan')
     }
 
   }
@@ -27,6 +28,8 @@ class EditArtisan extends Component {
 
       focusedInputs: { name: false, phoneNumber: false, location: false, description: false }
     }
+    
+    this.props.navigation.setParams({Title: I18n.t("EditArtisan.title", {locale: this.props.Settings.language})})
 
     this.pickImage = this.pickImage.bind(this)
     this.saveArtisan = this.saveArtisan.bind(this)
@@ -179,7 +182,7 @@ class EditArtisan extends Component {
           </View>
         </View>
         <AsyncButton
-          title="Save"
+          title={I18n.t("EditArtisan.save", {locale: this.props.Settings.language})}
           color="#c14700"
           textColor="white"
           onPress={() => this.saveArtisan()}
diff --git a/src/screens/ArtisanHub/index.js b/src/screens/ArtisanHub/index.js
index 9bd0903..7530766 100644
--- a/src/screens/ArtisanHub/index.js
+++ b/src/screens/ArtisanHub/index.js
@@ -9,7 +9,8 @@ function mapStateToProps(state) {
     Artisans: state.Artisans,
     Errors: state.Errors,
     Products: state.Products,
-    Conversations: state.Conversations
+    Conversations: state.Conversations,
+    Settings: state.Settings
   }
 }
 
diff --git a/src/screens/MoneyManagement/MoneyManagement.js b/src/screens/MoneyManagement/MoneyManagement.js
index 9b0dc95..0c41032 100644
--- a/src/screens/MoneyManagement/MoneyManagement.js
+++ b/src/screens/MoneyManagement/MoneyManagement.js
@@ -9,11 +9,12 @@ import {
   StyleSheet,
   Text,
 } from 'react-native'
+import I18n, {setLocale} from "../../utils/i18n"
 
 export default class MoneyManagement extends Component {
-   static navigationOptions = () => {
+   static navigationOptions = ({navigation}) => {
      return {
-       title: 'Money Management'
+       title: navigation.getParam('Title', 'Money Management')
      }
 
    }
@@ -27,25 +28,27 @@ export default class MoneyManagement extends Component {
 
      this.transactionButtons = [
        {
-         title: 'View All',
+         title: I18n.t("MoneyManagement.viewAll", {locale: this.props.Settings.language}),
          onPress: () => console.log("Nav to Transactions for artisans")
        },
        {
-         title: 'Stats',
+         title: I18n.t("MoneyManagement.stats", {locale: this.props.Settings.language}),
          onPress: () => console.log("Clicked on Transaction Stats")
        }
      ]
 
      this.payoutButtons = [
        {
-         title: 'View All',
+         title: I18n.t("MoneyManagement.viewAll", {locale: this.props.Settings.language}),
          onPress: () => this.props.navigation.navigate('PayoutList')
        },
        {
-         title: 'Stats',
+         title: I18n.t("MoneyManagement.stats", {locale: this.props.Settings.language}),
          onPress: () => console.log("Clicked on Payout Stats")
        }
      ]
+     
+     this.props.navigation.setParams({Title: I18n.t("MoneyManagement.title", {locale: this.props.Settings.language})})
 
      this.navigateToPayoutList = this.navigateToPayoutList.bind(this)
      this.getPayoutsTotal = this.getPayoutsTotal.bind(this)
@@ -125,22 +128,22 @@ export default class MoneyManagement extends Component {
        <Wallpaper style={styles.container}>
          <ScrollView style={{ flex: 1.8 }}>
            <StandardCard
-             title="Payouts"
+             title={I18n.t("MoneyManagement.payouts", {locale: this.props.Settings.language})}
              buttonsArray={this.payoutButtons}
            >
              <CardSection style={styles.cardSection}>
-               <Text style={styles.cardText}>Money Owed: {this.state.amountOwed}</Text>
-               <Text style={styles.cardText}>Total payments: {this.state.paidAmount}</Text>
+               <Text style={styles.cardText}>{I18n.t("MoneyManagement.moneyOwed", {locale: this.props.Settings.language})}: {this.state.amountOwed}</Text>
+               <Text style={styles.cardText}>{I18n.t("MoneyManagement.totalPayments", {locale: this.props.Settings.language})}: {this.state.paidAmount}</Text>
              </CardSection>
            </StandardCard>
 
            <StandardCard
-             title="Transactions"
+             title={I18n.t("MoneyManagement.transactions", {locale: this.props.Settings.language})}
              buttonsArray={this.transactionButtons}
            >
              <CardSection  style={styles.cardSection}>
-               <Text style={styles.cardText}>Number items sold: </Text>
-               <Text style={styles.cardText}>Overall Product Income: </Text>
+               <Text style={styles.cardText}>{I18n.t("MoneyManagement.numberSold", {locale: this.props.Settings.language})}: </Text>
+               <Text style={styles.cardText}>{I18n.t("MoneyManagement.income", {locale: this.props.Settings.language})}: </Text>
              </CardSection>
            </StandardCard>
          </ScrollView>
diff --git a/src/screens/MoneyManagement/PayoutList.js b/src/screens/MoneyManagement/PayoutList.js
index c415632..0c24658 100644
--- a/src/screens/MoneyManagement/PayoutList.js
+++ b/src/screens/MoneyManagement/PayoutList.js
@@ -12,11 +12,12 @@ import {
   TouchableOpacity
 } from 'react-native'
 import { withMappedNavigationParams } from 'react-navigation-props-mapper'
+import I18n, {setLocale} from "../../utils/i18n"
 
 class PayoutList extends Component {
-   static navigationOptions = () => {
+   static navigationOptions = ({navigation}) => {
      return {
-       title: 'PayoutList'
+       title: navigation.getParam('Title', 'Payout List')
      }
 
    }
@@ -25,6 +26,9 @@ class PayoutList extends Component {
      super(props)
 
      this.state = {}
+     
+     this.props.navigation.setParams({Title: I18n.t("PayoutList.title", {locale: this.props.Settings.language})})
+
      this.navigateToArtisanPayout = this.navigateToArtisanPayout.bind(this)
      this.getPayoutsTotalForArtisan = this.getPayoutsTotalForArtisan.bind(this)
      this.getProductsRevenueTotalForArtisan = this.getProductsRevenueTotalForArtisan.bind(this)
@@ -89,9 +93,9 @@ class PayoutList extends Component {
             
          <View style={styles.namePhone}>
            <Text style={styles.text}>{item.name}</Text>
-           <Text style={styles.text}>{`Last Payout: ${Math.floor(Math.random() * 11 + 1)}/${Math.floor(Math.random() * 27 + 1)}/19`}</Text>
-           <Text style={styles.text}>{`Owed: $${productsRevenueTotal - payoutsTotal}`}</Text>
-           <Text style={styles.text}>{`Paid: $${payoutsTotal}`}</Text>
+           <Text style={styles.text}>{I18n.t("PayoutList.lastPay", {locale: this.props.Settings.language})}{`: ${Math.floor(Math.random() * 11 + 1)}/${Math.floor(Math.random() * 27 + 1)}/19`}</Text>
+           <Text style={styles.text}>{I18n.t("PayoutList.owed", {locale: this.props.Settings.language})}{`: $${productsRevenueTotal - payoutsTotal}`}</Text>
+           <Text style={styles.text}>{I18n.t("PayoutList.paid", {locale: this.props.Settings.language})}{`: $${payoutsTotal}`}</Text>
          </View>
        </TouchableOpacity>
      )
diff --git a/src/screens/MoneyManagement/index.js b/src/screens/MoneyManagement/index.js
index 23b5315..6e4011f 100644
--- a/src/screens/MoneyManagement/index.js
+++ b/src/screens/MoneyManagement/index.js
@@ -10,7 +10,8 @@ function mapStateToProps(state) {
     Errors: state.Errors,
     Products: state.Products,
     Payouts: state.Payouts,
-    MoneyManagement: state.MoneyManagement
+    MoneyManagement: state.MoneyManagement,
+    Settings: state.Settings
   }
 }
 
diff --git a/src/screens/Products/AddProduct.js b/src/screens/Products/AddProduct.js
index fda9fd7..c245704 100644
--- a/src/screens/Products/AddProduct.js
+++ b/src/screens/Products/AddProduct.js
@@ -4,10 +4,11 @@ import { StyleSheet, ScrollView, View, Text, TextInput, Picker, Platform } from
 import ImagePicker from 'react-native-image-crop-picker'
 import { withMappedNavigationParams } from 'react-navigation-props-mapper'
 import { ProductCategories } from './ProductCategories'
+import I18n from "../../utils/i18n"
 
 class AddProduct extends Component {
-  static navigationOptions = {
-    title: 'Add Product'
+  static navigationOptions = ({navigation}) => {
+    title: navigation.getParam('Title', 'Add Product')
   }
   constructor(props) {
     super(props)
@@ -32,6 +33,8 @@ class AddProduct extends Component {
       adding: false,
       previousScreen: ''
     }
+    
+    this.props.navigation.setParams({Title: I18n.t("AddProduct.title", {locale: this.props.Settings.language})})
 
     this.pickImage = this.pickImage.bind(this)
     this.createProduct = this.createProduct.bind(this)
@@ -114,13 +117,14 @@ class AddProduct extends Component {
         <ScrollView>
           <View style={styles.imageWrapper}>
             <AddImage 
+              text={I18n.t("AddProduct.addImage", {locale: this.props.Settings.language})}
               imageUri={this.state.productMainPicture}
               onPress={() => this.pickImage()}
               style={styles.image}
             />
           </View>
 
-          <Text style={styles.labelText}>Product Main Category</Text>
+          <Text style={styles.labelText}>{I18n.t("AddProduct.mainCat", {locale: this.props.Settings.language})}</Text>
           <View style={styles.categorySection}>
             <Picker
               itemStyle={styles.PickerItem}
@@ -137,7 +141,7 @@ class AddProduct extends Component {
             </Picker>
           </View>
 
-          <Text style={styles.labelText}>Product Subcategory</Text>
+          <Text style={styles.labelText}>{I18n.t("AddProduct.subCat", {locale: this.props.Settings.language})}</Text>
           <View style={styles.categorySection}>
             <Picker
               itemStyle={styles.PickerItem}
@@ -157,11 +161,11 @@ class AddProduct extends Component {
             </Picker>
           </View>
 
-          <Text style={styles.labelText}>Title</Text>
+          <Text style={styles.labelText}>{I18n.t("AddProduct.prodTitle", {locale: this.props.Settings.language})}</Text>
           <View style={this.state.focusedInputs.title? [styles.focusedInputSection, styles.InputWrapper] :styles.InputWrapper}>
             <TextInput
               style={styles.textInputStyle}
-              placeholder= "Ex: Rawhide Leather Jacket"
+              placeholder= {I18n.t("AddProduct.prodTitleEx", {locale: this.props.Settings.language})}
               value={this.state.productTitle}
               onChangeText={(newText) => this.setState({productTitle: newText})}
               onFocus={()=> this.setState({focusedInputs: {...this.state.focusedInputs, title: true}})}
@@ -169,11 +173,11 @@ class AddProduct extends Component {
             />
           </View>
 
-          <Text style={styles.labelText}>Product Description</Text>
+          <Text style={styles.labelText}>{I18n.t("AddProduct.prodDesc", {locale: this.props.Settings.language})}</Text>
           <View style={this.state.focusedInputs.desc? [styles.focusedInputSection, styles.InputWrapper] :styles.InputWrapper}>
             <TextInput
               style={styles.textInputStyle}
-              placeholder="Ex: Please see Amazon Site for an example"
+              placeholder={I18n.t("AddProduct.prodDescEx", {locale: this.props.Settings.language})}
               value={this.state.productDescription}
               onChangeText={(newText) => this.setState({productDescription: newText})}
               onFocus={()=> this.setState({focusedInputs: {...this.state.focusedInputs, desc: true}})}
@@ -181,7 +185,7 @@ class AddProduct extends Component {
             />
           </View>
 
-          <Text style={styles.labelText}>Gender Type</Text>
+          <Text style={styles.labelText}>{I18n.t("AddProduct.gender", {locale: this.props.Settings.language})}</Text>
           <View style={styles.categorySection}>
             <Picker
               itemStyle={styles.PickerItem}
@@ -202,12 +206,12 @@ class AddProduct extends Component {
             </Picker>
           </View>
 
-          <Text style={styles.labelText}>Standard Price</Text>
+          <Text style={styles.labelText}>{I18n.t("AddProduct.price", {locale: this.props.Settings.language})}</Text>
           <View style={this.state.focusedInputs.price? [styles.focusedInputSection, styles.InputWrapper] :styles.InputWrapper}>
             <TextInput
               style={styles.textInputStyle}
               keyboardType='numeric'
-              placeholder="Ex: 49.99"
+              placeholder={I18n.t("AddProduct.priceEx", {locale: this.props.Settings.language})}
               value={this.state.productStandardPrice}
               onChangeText={(newText) => this.setState({productStandardPrice: newText})}
               onFocus={()=> this.setState({focusedInputs: {...this.state.focusedInputs, price: true}})}
@@ -215,11 +219,11 @@ class AddProduct extends Component {
             />
           </View>
 
-          <Text style={styles.labelText}>Seller SKU</Text>
+          <Text style={styles.labelText}>{I18n.t("AddProduct.sku", {locale: this.props.Settings.language})}</Text>
           <View style={this.state.focusedInputs.sku? [styles.focusedInputSection, styles.InputWrapper] :styles.InputWrapper}>
             <TextInput
               style={styles.textInputStyle}
-              placeholder="Ex: MyProduct123"
+              placeholder={I18n.t("AddProduct.skuEx", {locale: this.props.Settings.language})}
               value={this.state.productSellerSKU}
               onChangeText={(newText) => this.setState({productSellerSKU: newText})}
               onFocus={()=> this.setState({focusedInputs: {...this.state.focusedInputs, sku: true}})}
@@ -227,12 +231,12 @@ class AddProduct extends Component {
             />
           </View>
 
-          <Text style={styles.labelText}>Quantity</Text>
+          <Text style={styles.labelText}>{I18n.t("AddProduct.quantity", {locale: this.props.Settings.language})}</Text>
           <View style={this.state.focusedInputs.quantity? [styles.focusedInputSection, styles.InputWrapper] :styles.InputWrapper}>
             <TextInput
               style={styles.textInputStyle}
               keyboardType='numeric'
-              placeholder="Ex. 4"
+              placeholder={I18n.t("AddProduct.quantityEx", {locale: this.props.Settings.language})}
               value={this.state.productQuantity}
               onChangeText={(newText) => this.setState({productQuantity: newText})}
               onFocus={()=> this.setState({focusedInputs: {...this.state.focusedInputs, quantity: true}})}
@@ -240,12 +244,12 @@ class AddProduct extends Component {
             /> 
           </View>
 
-          <Text style={styles.labelText}>Production Time (days)</Text>
+          <Text style={styles.labelText}>{I18n.t("AddProduct.time", {locale: this.props.Settings.language})}</Text>
           <View style={this.state.focusedInputs.time? [styles.focusedInputSection, styles.InputWrapper] :styles.InputWrapper}>
             <TextInput
               style={styles.textInputStyle}
               keyboardType='numeric'
-              placeholder="Ex: 5"
+              placeholder={I18n.t("AddProduct.timeEx", {locale: this.props.Settings.language})}
               value={this.state.productTime}
               onChangeText={(newText) => this.setState({productTime: newText})}
               onFocus={()=> this.setState({focusedInputs: {...this.state.focusedInputs, time: true}})}
@@ -254,7 +258,7 @@ class AddProduct extends Component {
           </View>
 
           <AsyncButton 
-            title="Save & Publish"
+            title={I18n.t("AddProduct.save", {locale: this.props.Settings.language})}
             color="#c14700"
             textColor="white"
             onPress={this.createProduct}
diff --git a/src/screens/Products/ProductDetail.js b/src/screens/Products/ProductDetail.js
index fd5f85a..12987fc 100644
--- a/src/screens/Products/ProductDetail.js
+++ b/src/screens/Products/ProductDetail.js
@@ -7,10 +7,11 @@ import {
 import { Text, ScrollView, StyleSheet, LayoutAnimation } from 'react-native'
 import { withMappedNavigationParams } from 'react-navigation-props-mapper'
 import StandardCard from '../../components/StandardCard'
+import I18n from "../../utils/i18n"
 
 class ProductDetail extends Component {
-  static navigationOptions = {
-    title: 'Product Detail'
+  static navigationOptions = ({navigation}) => {
+    title: navigation.getParam('Title', 'Product Detail')
   };
 
   constructor(props) {
@@ -29,11 +30,13 @@ class ProductDetail extends Component {
       //   onPress: () => this.navigateToEditProduct() 
       // },
       {
-        title: 'Log Sales',
+        title: I18n.t("ProductDetail.logSales", {locale: this.props.language}),
         onPress: () => this.navigateToLogSale()
       }
     ]
 
+    this.props.navigation.setParams({Title: I18n.t("ProductDetail.title", {locale: this.props.language})})
+
     this.navigateToLogSale = this.navigateToLogSale.bind(this)
     this.navigateToEditProduct = this.navigateToEditProduct.bind(this)
   }
@@ -76,14 +79,14 @@ class ProductDetail extends Component {
             </Text>
           </StandardCard>
           <StandardCard 
-            title="Info"
+            title={I18n.t("ProductDetail.info", {locale: this.props.language})}
           >
             <CardSection
               style={{
                 justifyContent: 'space-between'
               }}
             >
-              <Text style={styles.ProductInfo}>Sub-Cat</Text>
+              <Text style={styles.ProductInfo}>{I18n.t("ProductDetail.subCat", {locale: this.props.language})}</Text>
               <Text style={styles.SectionListItemS}>
                 {this.props.SubCategory}
               </Text>
@@ -93,7 +96,7 @@ class ProductDetail extends Component {
                 justifyContent: 'space-between'
               }}
             >
-              <Text style={styles.ProductInfo}>Price</Text>
+              <Text style={styles.ProductInfo}>{I18n.t("ProductDetail.price", {locale: this.props.language})}</Text>
               <Text style={styles.SectionListItemS}>
                 {'$' + this.props.StandardPrice}
               </Text>
@@ -103,7 +106,7 @@ class ProductDetail extends Component {
                 justifyContent: 'space-between'
               }}
             >
-              <Text style={styles.ProductInfo}>In Stock</Text>
+              <Text style={styles.ProductInfo}>{I18n.t("ProductDetail.stock", {locale: this.props.language})}</Text>
               <Text style={styles.SectionListItemS}>{this.props.Quantity}</Text>
             </CardSection>
             <CardSection
@@ -111,7 +114,7 @@ class ProductDetail extends Component {
                 justifyContent: 'space-between'
               }}
             >
-              <Text style={styles.ProductInfo}>Gender</Text>
+              <Text style={styles.ProductInfo}>{I18n.t("ProductDetail.gender", {locale: this.props.language})}</Text>
               <Text style={styles.SectionListItemS}>{this.props.Gender}</Text>
             </CardSection>
             <CardSection
@@ -119,7 +122,7 @@ class ProductDetail extends Component {
                 justifyContent: 'space-between'
               }}
             >
-              <Text style={styles.ProductInfo}>Number of Sales</Text>
+              <Text style={styles.ProductInfo}>{I18n.t("ProductDetail.number", {locale: this.props.language})}</Text>
               <Text style={styles.SectionListItemS}>
                 {this.state.numSales}
               </Text>
diff --git a/src/screens/Products/ProductList.js b/src/screens/Products/ProductList.js
index c9c4ca5..3ac7dc6 100644
--- a/src/screens/Products/ProductList.js
+++ b/src/screens/Products/ProductList.js
@@ -3,11 +3,12 @@ import React, { Component } from 'react'
 import { ActivityIndicator, Button, FlatList, StyleSheet, Text, TouchableOpacity, View, TextInput } from 'react-native'
 import { ProfilePicture } from '../../components'
 import { withMappedNavigationParams } from 'react-navigation-props-mapper'
+import I18n, {setLocale} from "../../utils/i18n"
 
 class ProductList extends Component {
   static navigationOptions = ({navigation}) => {
     return { 
-      title: 'Product List',
+      title: navigation.getParam('Title', 'Product List'),
       headerRight: (
         <View style={{paddingRight: 20}}>
           <Button
@@ -18,7 +19,7 @@ class ProductList extends Component {
               previousScreen: 'productList',
               renderArtisanDetail: navigation.state.params.onProductListBack
             })}
-            title="Add"
+            title= {navigation.getParam('AddTitle', 'Add')}
           />
         </View>
       )
@@ -34,6 +35,8 @@ class ProductList extends Component {
       text: ""
     }
 
+    this.props.navigation.setParams({Title: I18n.t("ProductList.title", {locale: this.props.Settings.language})})
+    this.props.navigation.setParams({AddTitle: I18n.t("ProductList.add", {locale: this.props.Settings.language})})
   }
   
   componentWillReceiveProps(nextProps) {
@@ -85,8 +88,8 @@ class ProductList extends Component {
           
         <View style={styles.nameItem}>
           <Text style={styles.text}>{item.Title}</Text>
-          <Text style={styles.text}>{`Price: $${item.StandardPrice}`}</Text>
-          <Text style={styles.text}>{`Quantity: ${item.Quantity}`}</Text>
+          <Text style={styles.text}>{I18n.t("ProductList.price", {locale: this.props.Settings.language})}{`: $${item.StandardPrice}`}</Text>
+          <Text style={styles.text}>{I18n.t("ProductList.quantity", {locale: this.props.Settings.language})}{`: ${item.Quantity}`}</Text>
         </View>
       </TouchableOpacity>
     )
@@ -103,7 +106,7 @@ class ProductList extends Component {
           value={this.state.text}
           onChangeText={(newText) => this.setState({ text: newText }, this.searchFilterFunction)}
           underlineColorAndroid="transparent"
-          placeholder="Search Products"
+          placeholder={I18n.t("ProductList.search", {locale: this.props.Settings.language})}
         />
         {(this.props.Products != [] && this.state.fetchingProductList) ? 
           <ActivityIndicator 
diff --git a/src/screens/Products/index.js b/src/screens/Products/index.js
index 1cc9399..c72066d 100644
--- a/src/screens/Products/index.js
+++ b/src/screens/Products/index.js
@@ -8,7 +8,8 @@ function mapStateToProps(state) {
     User: state.User,
     Artisans: state.Artisans,
     Errors: state.Errors,
-    Products: state.Products
+    Products: state.Products,
+    Settings: state.Settings
   }
 }
 
diff --git a/src/screens/Settings/Settings.js b/src/screens/Settings/Settings.js
index 6f617f9..1dbc3dc 100644
--- a/src/screens/Settings/Settings.js
+++ b/src/screens/Settings/Settings.js
@@ -1,14 +1,16 @@
-import { Button } from '@components'
+import { Button, Wallpaper } from '@components'
+import Translate from '../../components/Translate'
 import React, { Component } from 'react'
-import { ScrollView, StyleSheet, Text, View } from 'react-native'
+import { ScrollView, StyleSheet, Text, View, Picker, Platform } from 'react-native'
 import LinearGradient from 'react-native-linear-gradient'
+import I18n, {setLocale} from "../../utils/i18n"
 
-
-export default class Settings extends Component {
+export default class Settings extends Component {  
   constructor(props) {
     super(props)
 
     this.logout = this.logout.bind(this)
+    this.changeLanguage = this.changeLanguage.bind(this)
   }
 
   logout() {
@@ -16,24 +18,45 @@ export default class Settings extends Component {
       this.props.navigation.navigate("Login")
     })
   }
+  
+  changeLanguage(lang) {
+    setLocale(lang)
+    this.props.changeLanguage(lang)
+  }
 
   render() {
+    const lang = this.props.Settings.language
+    
     return (
-      <LinearGradient colors={['#AAAAAA', '#AAAAAA']} style={styles.container}>
+      <Wallpaper style={styles.container}>
         <View style={styles.textContainer}>
           <ScrollView>
-            <Text style={styles.text}>{"Settings"}</Text>
+            <Translate style={styles.text} transString='Settings.settingsTitle' />
           </ScrollView>
         </View>
+        
+        <Translate transString='Settings.choseLanguage' />
+        <View style={styles.categorySection}>
+          <Picker
+            itemStyle={styles.PickerItem}
+            selectedValue={this.props.Settings.language}
+            testID="languagePicker"
+            onValueChange={(itemValue) => this.changeLanguage(itemValue)}>
+            <Picker.Item label="English" value="en" />
+            <Picker.Item label="Spanish" value="es" />
+            <Picker.Item label="French" value="fr" />
+          </Picker>
+        </View>
+        
         <Button
           testID='logout_button'
           style={styles.button}
-          title="Return to Login"
+          title={I18n.t("Settings.returnToLogin", {locale: lang})}
           color="#c14700"
           textColor="white"
           onPress={this.logout}
         />
-      </LinearGradient>
+      </Wallpaper>
     )
   }
 }
@@ -50,8 +73,33 @@ const styles = StyleSheet.create({
     justifyContent: 'flex-start',
     alignItems: 'center',
   },
+  categorySection: Platform.OS === 'ios' ? {
+    alignSelf: 'center',
+    width: '90%',
+    color: '#808080',
+    backgroundColor: 'white',
+    margin: '4%',
+    borderRadius: 10,
+    height: 200
+  } : {
+    alignSelf: 'center',
+    width: '90%',
+    color: '#808080',
+    backgroundColor: 'white',
+    margin: '4%',
+    borderRadius: 10,
+    height: 60
+  },
+  PickerItem: Platform.OS === 'ios' ? {
+    height: 200,
+    color: 'black'
+  } : {
+    height: 60,
+    color: 'black'
+  },
   text: {
-    fontSize: 20
+    color: 'white',
+    fontSize: 30
   },
   button: {
     flex: 1
diff --git a/src/screens/Settings/actions.js b/src/screens/Settings/actions.js
index e69de29..b5b26c1 100644
--- a/src/screens/Settings/actions.js
+++ b/src/screens/Settings/actions.js
@@ -0,0 +1,10 @@
+export function changeLanguage(lang) {
+  console.log("Changing Language")
+  return (dispatch) => {
+    return new Promise(async (resolve) => {
+      console.log("The new language is: " + lang)
+      resolve()
+      dispatch({type: 'SET_LANGUAGE', language: lang})
+    })
+  }
+}
\ No newline at end of file
diff --git a/src/screens/Settings/index.js b/src/screens/Settings/index.js
index 71fcc7f..9c323ba 100644
--- a/src/screens/Settings/index.js
+++ b/src/screens/Settings/index.js
@@ -6,7 +6,8 @@ import * as globalActions from '@actions'
 function mapStateToProps(state) {
   return {
     User: state.User,
-    Errors: state.Errors
+    Errors: state.Errors,
+    Settings: state.Settings
   }
 }
 
diff --git a/src/utils/en.js b/src/utils/en.js
new file mode 100644
index 0000000..4a067b7
--- /dev/null
+++ b/src/utils/en.js
@@ -0,0 +1,106 @@
+export default {
+  artisanDetail: {
+    hello: "Hello"
+  },
+  Settings: {
+    settingsTitle: "Settings",
+    choseLanguage: "Chose a language",
+    returnToLogin: "Return to Login"
+  },
+  ActionCenter: {
+    title: "Action Center",
+    welcome: "Welcome to HANDMADE",
+    name: "Name",
+    email: "Email",
+    settings: "Settings",
+    aboutArtisans: "About Artisans",
+    numberOf: "Number of Artisans",
+    totalArtisans: "Total Artisan Listings",
+    resources: "Resources",
+    wiki: "Application Documentation",
+    sellerCentral: "Seller Central",
+    sellerForum: "Seller Forums",
+    contact: "Contact Support"
+  },
+  ArtisanList: {
+    title: "Artisans",
+    add: "ADD",
+    search: "Search Artisan"
+  },
+  MoneyManagement: {
+    title: "Money Management",
+    payouts: "Payouts",
+    moneyOwed: "Money owed",
+    transactions: "Transactions", 
+    totalPayments: "Total payments",
+    numberSold: "Number items sold",
+    income: "Overall product income",
+    viewAll: "View All",
+    stats: "Stats"
+  },
+  ArtisanDetail: {
+    title: "Artisan Details",
+    artisanInfo: "Artisan Info",
+    edit: "Edit",
+    message: "Message",
+    topProds: "Top Products",
+    add: "Add",
+    viewAll: "View All"
+  },
+  AddArtisan: {
+    title: "Add Artisan",
+    addImage: "Add Image", 
+    name: "Name",
+    phone: "Phone Number",
+    location: "Location",
+    describe: "Describe this artisan",
+    create: "Create"
+  },
+  EditArtisan: {
+    title: "Edit Artisan",
+    save: "Save"
+  },
+  AddProduct: {
+    title: "Add Product",
+    addImage: "Add Image", 
+    mainCat: "Product Main Category",
+    subCat: "Product Subcategory",
+    prodTitle: "Title",
+    prodTitleEx: "Ex: Rawhide Leather Jacket",
+    prodDesc: "Product Description",
+    prodDescEx: "Ex: Please see Amazon site for an example",
+    gender: "Gender Type",
+    price: "Standard Price",
+    priceEx: "Ex: 49.99",
+    sku: "Seller SKU",
+    skuEx: "Ex: sku123",
+    quantity: "Quantity",
+    quantityEx: "Ex: 4",
+    time: "Production Time (days)",
+    timeEx: "Ex: 5",
+    save: "Save & Publish"    
+  },
+  ProductList: {
+    title: "Product List",
+    add: "ADD",
+    search: "Search Products",
+    price: "Price",
+    quantity: "Quantity"
+  },
+  ProductDetail: {
+    title: "Product Detail",
+    logSales: "Log Sales",
+    info: "Info",
+    subCat: "SubCat",
+    price: "Price",
+    stock: "In Stock",
+    gender: "Gender",
+    number: "Number of Sales"
+  },
+  PayoutList: {
+    title: "Payout List",
+    lastPay: "Last Payout",
+    owed: "Owed",
+    paid: "Paid"
+  }
+};
\ No newline at end of file
diff --git a/src/utils/es.js b/src/utils/es.js
new file mode 100644
index 0000000..6bf1384
--- /dev/null
+++ b/src/utils/es.js
@@ -0,0 +1,106 @@
+export default {
+  artisanDetail: {
+    hello: "Hola"
+  },
+  Settings: {
+    settingsTitle: "Ajustes",
+    choseLanguage: "Elige un idioma",
+    returnToLogin: "Volver al inicio de sesión"
+  },
+  ActionCenter: {
+    title: "Centro de Acción",
+    welcome: "Bienvenido a HANDMADE",
+    name: "Nombre",
+    email: "Correo electrónico",
+    settings: "Ajustes",
+    aboutArtisans: "Acerca de los Artesanos",
+    numberOf: "Número de Artesanos",
+    totalArtisans: "Listados de Artesanos Totales",
+    resources: "Recursos",
+    wiki: "Documentación de la Solicitud",
+    sellerCentral: "Central del Vendedor",
+    sellerForum: "Foros de Vendedores",
+    contact: "Soporte de Contacto"
+  },
+  ArtisanList: {
+    title: "Artesanos",
+    add: "Añadir",
+    search: "Buscar Artesanos"
+  },
+  MoneyManagement: {
+    title: "Administración del Dinero",
+    payouts: "Pagos",
+    moneyOwed: "Dinero debido",
+    transactions: "Actas", 
+    totalPayments: "Pagos totales",
+    numberSold: "Número de artículos vendidos",
+    income: "Ingreso general del producto",
+    viewAll: "Ver Todo",
+    stats: "Estadísticas"
+  },
+  ArtisanDetail: {
+    title: "Detalles Artesanales",
+    artisanInfo: "Información del Artesano",
+    edit: "Editar",
+    message: "Mensaje",
+    topProds: "Mejores Productos",
+    add: "Añadir",
+    viewAll: "Ver Todo"
+  },
+  AddArtisan: {
+    title: "Añadir Artesano",
+    addImage: "Añadir imagen", 
+    name: "Nombre",
+    phone: "Número de Teléfono",
+    location: "Ubicación",
+    describe: "Describe a este artesano",
+    create: "Crear"
+  },
+  EditArtisan: {
+    title: "Editar Artesano",
+    save: "Salvar"
+  },
+  AddProduct: {
+    title: "Añadir Producto",
+    addImage: "Añadir imagen", 
+    mainCat: "Categoría principal del producto",
+    subCat: "Subcategoria de producto",
+    prodTitle: "Título",
+    prodTitleEx: "Ex: Chaqueta de cuero de cuero crudo",
+    prodDesc: "Descripción del producto",
+    prodDescEx: "Ex: Por favor, vea el sitio de Amazon para un ejemplo",
+    gender: "Tipo de género",
+    price: "Precio estándar",
+    priceEx: "Ex: 49.99",
+    sku: "Vendedor sku",
+    skuEx: "Ex: sku123",
+    quantity: "Cantidad",
+    quantityEx: "Ex: 4",
+    time: "Tiempo de producción (días)",
+    timeEx: "Ex: 5",
+    save: "Guardar y Publicar"    
+  },
+  ProductList: {
+    title: "Lista de Productos",
+    add: "Añadir",
+    search: "Buscar Productos",
+    price: "precio",
+    quantity: "Cantidad"
+  },
+  ProductDetail: {
+    title: "Detalle del Producto",
+    logSales: "Ventas de Registro",
+    info: "Info",
+    subCat: "Subcategoría",
+    price: "Precio",
+    stock: "En Stock",
+    gender: "Género",
+    number: "Número de ventas"
+  },
+  PayoutList: {
+    title: "Lista de Pagos",
+    lastPay: "Ultimo pago",
+    owed: "Debido",
+    paid: "Pagado"
+  }
+};
\ No newline at end of file
diff --git a/src/utils/fr.js b/src/utils/fr.js
new file mode 100644
index 0000000..d6fbcc4
--- /dev/null
+++ b/src/utils/fr.js
@@ -0,0 +1,106 @@
+export default {
+  artisanDetail: {
+    hello: "Bonjour"
+  },
+  Settings: {
+    settingsTitle: "Réglages",
+    choseLanguage: "Choisir une langue",
+    returnToLogin: "Retour à la connexion"
+  },
+  ActionCenter: {
+    title: "Centre d'action",
+    welcome: "Bienvenue à HANDMADE",
+    name: "Prénom",
+    email: "Email",
+    settings: "Réglages",
+    aboutArtisans: "À Propos des Artisans",
+    numberOf: "Nombre d'artisans",
+    totalArtisans: "Nombre Total d'artisans",
+    resources: "Ressources",
+    wiki: "Documentation d'application",
+    sellerCentral: "Vendeur Central",
+    sellerForum: "Forum Vendeur",
+    contact: "Contactez le Support"
+  },
+  ArtisanList: {
+    title: "Artisans",
+    add: "Ajouter",
+    search: "Rechercher des Artisans"
+  },
+  MoneyManagement: {
+    title: "Gestion de L'argent",
+    payouts: "Paiements",
+    moneyOwed: "Argent dû",
+    transactions: "Transactions", 
+    totalPayments: "Paiements totaux",
+    numberSold: "Nombre d'articles vendus",
+    income: "Revenu global du produit",
+    viewAll: "Voir Tout",
+    stats: "Statistiques"
+  },
+  ArtisanDetail: {
+    title: "Détails Artisanaux",
+    artisanInfo: "Infos Artisanales",
+    edit: "Modifier",
+    message: "Message",
+    topProds: "Top Produits",
+    add: "Ajouter",
+    viewAll: "Voir Tout"
+  },
+  AddArtisan: {
+    title: "Ajouter Artisan",
+    addImage: "Ajouter une image", 
+    name: "Prénom",
+    phone: "Numéro de Téléphone",
+    location: "Emplacement",
+    describe: "Décris cet artisan",
+    create: "Créer"
+  },
+  EditArtisan: {
+    title: "Modifier Artisan",
+    save: "Enregistrer"
+  },
+  AddProduct: {
+    title: "Ajouter un Produit",
+    addImage: "Ajouter une image", 
+    mainCat: "Catégorie principale du produit",
+    subCat: "Sous-catégorie de produit",
+    prodTitle: "Titre",
+    prodTitleEx: "Ex: Veste en cuir brut",
+    prodDesc: "Description du produit",
+    prodDescEx: "Ex: S'il vous plaît voir le site Amazon pour un exemple",
+    gender: "Type de genre",
+    price: "Prix ​​standard",
+    priceEx: "Ex: 49.99",
+    sku: "Référence du vendeur",
+    skuEx: "Ex: sku123",
+    quantity: "Quantité",
+    quantityEx: "Ex: 4",
+    time: "Temps de production (jours)",
+    timeEx: "Ex: 5",
+    save: "Enregistrer et Publier"    
+  },
+  ProductList: {
+    title: "Liste de Produits",
+    add: "Ajouter",
+    search: "Recherche de produits",
+    price: "Prix",
+    quantity: "Quantité"
+  },
+  ProductDetail: {
+    title: "Détail du Produit",
+    logSales: "Connecter les ventes",
+    info: "Info",
+    subCat: "Sous catégorie",
+    price: "Prix",
+    stock: "En Stock",
+    gender: "Le sexe",
+    number: "Nombre de ventes"
+  },
+  PayoutList: {
+    title: "Liste de Paiement",
+    lastPay: "Dernier paiement",
+    owed: "Devait",
+    paid: "Payé"
+  }
+};
\ No newline at end of file
diff --git a/src/utils/i18n.js b/src/utils/i18n.js
new file mode 100644
index 0000000..39ccb9b
--- /dev/null
+++ b/src/utils/i18n.js
@@ -0,0 +1,26 @@
+import I18n from "i18n-js"
+import * as RNLocalize from "react-native-localize"
+
+import en from "./en"
+import es from "./es"
+import fr from "./fr"
+
+const locales = RNLocalize.getLocales()
+
+if (Array.isArray(locales)) {
+  I18n.locale = locales[0].languageTag
+  //console.log("THE LOCAL IS: " + I18n.locale)
+}
+
+I18n.fallbacks = true;
+I18n.translations = {
+  en,
+  es,
+  fr
+}
+
+export const setLocale = (locale) => {
+  I18n.locale = locale
+};
+
+export default I18n
\ No newline at end of file