diff --git a/app/index.jsx b/app/index.jsx
index aa5f58f..4ff9f41 100644
--- a/app/index.jsx
+++ b/app/index.jsx
@@ -1,8 +1,10 @@
 import { Stack, useNavigation } from 'expo-router';
 import { ImageBackground, StyleSheet, Button, TextInput, Text, View ,Image,Alert } from 'react-native';
-import { useEffect } from 'react';
+import { useEffect,useState } from 'react';
 
 const Home =()=> {
+    const [username, onChangeUsername] = useState('');
+    const [password, onChangePassword] = useState('');
 
     const image = {uri: 'https://rader.app/assets/images/app/home.jpg'};
 
@@ -21,7 +23,8 @@ const Home =()=> {
                       name='username'
                       editable
                       maxLength={40}
-                      value=''
+                      value={username}
+                      onChangeText={onChangeUsername}
                       style={styles.textInp}
                   />
 
@@ -29,7 +32,8 @@ const Home =()=> {
                       name ='password'
                       editable
                       maxLength={40}
-                      value=''
+                      value={password}
+                      onChangeText={onChangePassword}
                       style={styles.textInp}
                   />
 
@@ -67,7 +71,7 @@ const styles = StyleSheet.create({
         margin:'auto'
     },
     textInp:{
-        padding: '10',
+        padding: '10px',
         backgroundColor: 'whitesmoke',
         fontSize:'18px',
         borderRadius: '5px'