diff --git a/.gitignore b/.gitignore
index 14a1171..d483f67 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,8 +1,9 @@
 # See https://help.github.com/ignore-files/ for more about ignoring files.
+#jetbrains
+.idea
 
 # expo
 .expo/
-
 # dependencies
 /node_modules
 
diff --git a/App.js b/App.js
index 224d7db..0dffc6c 100644
--- a/App.js
+++ b/App.js
@@ -1,16 +1,27 @@
 import React, { Component } from 'react';
-import { AppRegistry, Text, View } from 'react-native';
+import { AppRegistry, Text, TextInput, View } from 'react-native';
+
+
+export default class PizzaTranslator extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {text: ''};
+  }
 
-export default class App extends Component {
   render() {
     return (
-      <View>
-        <Text>Open up App.js to start working on your app!</Text>
-        <Text>Changes you make will automatically reload.</Text>
-        <Text>Shake your phone to open the developer menu.</Text>
-      </View>
+        <View style={{padding: 10}}>
+          <TextInput
+            style={{height:40}}
+            placeholder="Type here to translate"
+            onChangeText={(text) => this.setState({text})}
+          />
+          <Text style={{padding:10, fontSize:42}}>
+              {this.state.text.split(' ').map((word) => word && '🍕').join(' ')}
+          </Text>
+        </View>
     );
   }
 }
 
-AppRegistry.registerComponent('react-native-tutorial', () => App);
+AppRegistry.registerComponent('react-native-tutorial', () => PizzaTranslator);