diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..8f45356
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,13 @@
+node_modules/**/*
+expo/*
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+
+# macOS
+.DS_Store
diff --git a/ReactJS/Native/AlfaPrentice/App/Cards/CompanyResultCard.js b/ReactJS/Native/AlfaPrentice/App/Cards/CompanyResultCard.js
index e0e3e9c..b59a5ce 100644
--- a/ReactJS/Native/AlfaPrentice/App/Cards/CompanyResultCard.js
+++ b/ReactJS/Native/AlfaPrentice/App/Cards/CompanyResultCard.js
@@ -7,7 +7,7 @@ import { useNavigation } from '@react-navigation/native';
 function Navigate(props) {
     const navigation = useNavigation();
     return(
-        <TouchableOpacity style={Styles.Btn} onPress = {() => navigation.navigate('Companyprofile', { Appel: props.Details })}>
+        <TouchableOpacity style={Styles.Btn} onPress = {() => navigation.navigate('Companyprofile', { CompanyDetails: props.Details })}>
             <Text style={Styles.white}>Bekijk bedrijf</Text>
         </TouchableOpacity>
     )
diff --git a/ReactJS/Native/AlfaPrentice/App/Cards/ProfileLinks.js b/ReactJS/Native/AlfaPrentice/App/Cards/ProfileLinks.js
new file mode 100644
index 0000000..01d56ad
--- /dev/null
+++ b/ReactJS/Native/AlfaPrentice/App/Cards/ProfileLinks.js
@@ -0,0 +1,57 @@
+//Modules
+import React from 'react';
+import {View, Text, StyleSheet, TouchableOpacity} from 'react-native';
+import { useNavigation } from '@react-navigation/native';
+
+function Navigate(props) {
+    const navigation = useNavigation();
+    return(
+        <View>
+            <TouchableOpacity onPress = {() => navigation.navigate(props.Page)}>
+                <Text style={Styles.ProfileText}>{props.Title}</Text>
+            </TouchableOpacity>
+        </View>
+    )
+}
+
+    function HrCheck(props) {
+        var x = props.hr;
+        if (x == "false"){
+            return <View></View>
+        }
+        else {
+            return(
+                <View style={Styles.HR}/>
+            )
+        }
+    }
+
+const ProfileLink = (props) => {
+
+    return (
+        <View>
+            <View style={Styles.Profilelink}>
+                <Navigate Page={props.Page} Title={props.Title}/>
+            </View>
+            <HrCheck hr = {props.hr}/>
+        </View>
+    )
+}
+
+const Styles = StyleSheet.create ({
+    Profilelink: {
+        paddingVertical: 30,
+        paddingHorizontal: 60,
+        width: '100%'
+    },
+    ProfileText:{
+        color: '#DE0000',
+    },
+    HR: {
+        height: 2,
+        backgroundColor: '#DE0000',
+        
+    }
+})
+
+export default ProfileLink;
\ No newline at end of file
diff --git a/ReactJS/Native/AlfaPrentice/App/Footer/Footer.js b/ReactJS/Native/AlfaPrentice/App/Footer/Footer.js
new file mode 100644
index 0000000..4a7ab98
--- /dev/null
+++ b/ReactJS/Native/AlfaPrentice/App/Footer/Footer.js
@@ -0,0 +1,64 @@
+import React from 'react';
+import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import { Icon } from 'react-native-elements'
+import { useNavigation } from '@react-navigation/native';
+
+function Navigate(props) {
+    const navigation = useNavigation();
+    return(
+        <View style={Styles.IconRow}>
+            <TouchableOpacity onPress = {() => navigation.navigate('Home')}>
+                <Icon
+                name='home'
+                color='#fff' />
+            </TouchableOpacity>
+            <TouchableOpacity onPress = {() => navigation.navigate('Search')}>
+                <Icon
+                name='search'
+                color='#fff' />
+            </TouchableOpacity>
+            <TouchableOpacity onPress = {() => navigation.navigate('Userprofile')}>
+                <Icon
+                name='mail'
+                color='#fff' />
+            </TouchableOpacity>
+            <TouchableOpacity onPress = {() => navigation.navigate('Userprofile')}>
+                <Icon
+                name='person'
+                color='#fff' />
+            </TouchableOpacity>
+            
+        </View>
+        
+    )
+}
+
+const Footer = () => {
+    return (
+        <View style={Styles.MainFooter}>
+            <Navigate/>
+           
+        </View>
+    )
+}
+
+const Styles = StyleSheet.create({
+    MainFooter: {
+        width: '100%',
+        height: 50,
+        color: '#ffffff',
+        backgroundColor: '#003581',
+        justifyContent: 'center',
+        alignItems: 'center',
+        position: 'absolute', //Here is the trick
+        bottom: 0, //Here is the trick
+    },
+    IconRow: {
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        width: '80%',
+    }
+})
+
+export default Footer;
\ No newline at end of file
diff --git a/ReactJS/Native/AlfaPrentice/App/Hero/Hero.js b/ReactJS/Native/AlfaPrentice/App/Hero/Hero.js
index df9f8e9..1a76fbf 100644
--- a/ReactJS/Native/AlfaPrentice/App/Hero/Hero.js
+++ b/ReactJS/Native/AlfaPrentice/App/Hero/Hero.js
@@ -9,12 +9,15 @@ class Hero extends React.Component {
     }
     render() {
         return (
+            <View>
                 <ImageBackground style={Styles.image} source={require('../Images/Stock.png')}>
                     <View>
                         <Text style={Styles.HeroHeading}>{this.props.HeroHeading}</Text>
                         <Text style={Styles.HeroText}>{this.props.HeroText}</Text>
                     </View>
                 </ImageBackground>
+            </View>
+                
         );
     }
 }
@@ -22,6 +25,7 @@ class Hero extends React.Component {
 const HeroSearch = (props) => {
     const [SearchBar, onChangeSearch] = React.useState('');
         return (
+            <View>
                 <ImageBackground style={Styles.image} source={require('../Images/Stock.png')}>
                     <View style={Styles.InputContainer}>
                         <TextInput 
@@ -33,6 +37,8 @@ const HeroSearch = (props) => {
                         />
                     </View>
                 </ImageBackground>
+            </View>
+                
         );
     
 }
@@ -41,14 +47,14 @@ const Styles = StyleSheet.create ({
     image: {
         resizeMode: "cover",
         width: '100%',
-        height: 100,
         backgroundColor: "#DE0000a0",
       },
     HeroHeading: {
         color: "white",
         fontSize: 30,
         textAlign: "center",
-        backgroundColor: "#DE0000a0"
+        backgroundColor: "#DE0000a0",
+        paddingTop: 10,
     },
     HeroText: {
         color: "white",
@@ -57,7 +63,7 @@ const Styles = StyleSheet.create ({
         height: 55,
     },
     InputContainer: {
-        height: "100%",
+        height: 100,
         backgroundColor: "#DE0000a0",
         display: 'flex',
         alignItems: 'center',
diff --git a/ReactJS/Native/AlfaPrentice/App/Layouts/DefaultLayout.js b/ReactJS/Native/AlfaPrentice/App/Layouts/DefaultLayout.js
index 91b06a7..034cc95 100644
--- a/ReactJS/Native/AlfaPrentice/App/Layouts/DefaultLayout.js
+++ b/ReactJS/Native/AlfaPrentice/App/Layouts/DefaultLayout.js
@@ -3,20 +3,22 @@ import React from 'react';
 import {View, Text, ScrollView} from 'react-native';
 
 //Components
-import Header from '../Header/Header';
+import {Header, Footer} from '../index';
 
 class DefaultLayout extends React.Component {
-    constructor(props){
-        super(props);
-    }
+constructor(props){
+    super(props);
+}
 
     render() {
         return (
-            <ScrollView appel = {this.props.appel}>
+            <View>
+            <ScrollView>
                 <Header/>
-                
-                {this.props.children}
+                {this.props.children} 
             </ScrollView>
+            <Footer/>
+            </View>
         );
     }
 }
diff --git a/ReactJS/Native/AlfaPrentice/App/Router/Router.js b/ReactJS/Native/AlfaPrentice/App/Router/Router.js
index 23804eb..9ffccb5 100644
--- a/ReactJS/Native/AlfaPrentice/App/Router/Router.js
+++ b/ReactJS/Native/AlfaPrentice/App/Router/Router.js
@@ -5,7 +5,7 @@ import { NavigationContainer } from '@react-navigation/native';
 import { createStackNavigator } from '@react-navigation/stack';
 
 //Pages
-import { Home, SearchPage, Login, CompanyProfile} from '../index';
+import { Home, SearchPage, Login, CompanyProfile, UserProfile} from '../index';
 
 const Stack = createStackNavigator();
 
@@ -39,6 +39,10 @@ class Routes extends React.Component {
           name="Companyprofile"
           component={CompanyProfile}
         />
+        <Stack.Screen
+          name="Userprofile"
+          component={UserProfile}
+        />
       </Stack.Navigator>
     </NavigationContainer>
     )
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Home.js b/ReactJS/Native/AlfaPrentice/App/Views/Home.js
index 5314ad0..247a068 100644
--- a/ReactJS/Native/AlfaPrentice/App/Views/Home.js
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Home.js
@@ -9,10 +9,7 @@ import { DefaultLayout, Hero } from '../index';
 const Home = ({ navigation }) => {
    return (
        <DefaultLayout>
-           <Hero HearoHeader="AlfaPrentice"/>
-            <TouchableOpacity style = {{ margin: 128 }} >
-                <Text onPress={() => navigation.navigate('Search')}>Zoek</Text>
-            </TouchableOpacity>
+           <Hero HeroHeading="AlfaPrentice" HeroText="De plek ow je ideale stageplek te vinden"/>
             <TouchableOpacity style = {{ margin: 128 }} >
                 <Text>Terug naar login</Text>
             </TouchableOpacity>
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Login.js b/ReactJS/Native/AlfaPrentice/App/Views/Login.js
index ede3bb4..7bbdc1e 100644
--- a/ReactJS/Native/AlfaPrentice/App/Views/Login.js
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Login.js
@@ -4,14 +4,15 @@ import {View, Text, TextInput, StyleSheet, TouchableOpacity } from 'react-native
 
 
 //Components
-import {DefaultLayout} from '../index';
+import {Header} from '../index';
 
 const Login = ({ navigation }) => {
         const [UserName, onChangeUserName] = React.useState('');
         const [PassWord, onChangePassWord] = React.useState('');
 
         return ( 
-            <DefaultLayout>
+            <View>
+                <Header/>
                 <View style={Styles.Container}>
                     <TextInput 
                     style={Styles.Input} 
@@ -28,7 +29,7 @@ const Login = ({ navigation }) => {
                     />
                     <View style={Styles.BtnWrapper}>
                         <TouchableOpacity style={Styles.BtnOutline}>
-                            <Text>Anuleren</Text>
+                            <Text>Annuleren</Text>
                         </TouchableOpacity>
                         <TouchableOpacity style={Styles.Btn}>
                             <Text style={Styles.white} onPress={() =>
@@ -37,7 +38,7 @@ const Login = ({ navigation }) => {
                         </TouchableOpacity>
                     </View>
                 </View>
-            </DefaultLayout>
+            </View>
         );
     
 }
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/CompanyProfile.js b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/CompanyProfile.js
index 47e3d60..10fd616 100644
--- a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/CompanyProfile.js
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/CompanyProfile.js
@@ -7,7 +7,7 @@ const CompanyProfile = ({navigation, route}) => {
         return(
             <View>
                 <Text>
-                {route.params.Appel}
+                {route.params.CompanyDetails}
                 </Text>
             </View>
         );
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/UserProfile.js b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/UserProfile.js
new file mode 100644
index 0000000..fd08087
--- /dev/null
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/UserProfile.js
@@ -0,0 +1,40 @@
+import React from 'react';
+import { View, Text,TouchableOpacity, StyleSheet} from 'react-native';
+
+//Components
+import { DefaultLayout, Hero, ProfileLink } from '../../index';
+
+
+
+class UserProfile extends React.Component {
+    constructor(props){
+        super(props);
+    }
+
+    render() {
+        return (
+            <DefaultLayout>
+                <View style={Styles.UserProfilePage}>
+                    <Hero HeroHeading="Frits Haringa" HeroText="Student Applicatie en Mediaontwikkeling jaar 3"/>
+                    <ProfileLink Page="Home" Title="Status van je stageplek zien"/>
+                    <ProfileLink Page="Home" Title="Uitgaande solicitaites bekijken"/>
+                    <ProfileLink Page="Home" Title="Account instellingen"/>
+                    <ProfileLink Page="Home" Title="Suggesties"/>
+                    <ProfileLink Page="Home" Title="Weekstaten"/>
+                    <ProfileLink Page="Home" Title="Agenda"/>
+                    <ProfileLink Page="Home" Title="Contact opnemen"/>
+                    <ProfileLink Page="Home" Title="Uitloggen" hr="false"/>
+                </View>
+                
+            </DefaultLayout>
+        )
+    }
+}
+
+const Styles = StyleSheet.create ({
+    UserProfilePage: {
+        marginBottom: 50,
+    },
+})
+
+export default UserProfile;
\ No newline at end of file
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/SearchPage.js b/ReactJS/Native/AlfaPrentice/App/Views/SearchPage.js
index 9a2683a..7bc685a 100644
--- a/ReactJS/Native/AlfaPrentice/App/Views/SearchPage.js
+++ b/ReactJS/Native/AlfaPrentice/App/Views/SearchPage.js
@@ -11,14 +11,6 @@ import { DefaultLayout, HeroSearch, CompanyResultcard } from '../index';
 //Pages
 import { CompanyProfile} from '../index';
 
-function ToHome ({screenName}) {
-   const navigation = useNavigation();
-   return(
-      <TouchableOpacity style = {{ margin: 128 }} onPress = {() => navigation.navigate('Home')}>
-         <Text>Terug naar home</Text>
-      </TouchableOpacity>
-   )
-}
 
 class SearchPage extends React.Component {
    constructor(props){
@@ -39,10 +31,6 @@ class SearchPage extends React.Component {
          <CompanyResultcard details = "Bedrijf 2"/>
          <CompanyResultcard details = "Bedrijf 3"/>
          <CompanyResultcard details = "Bedrijf 4"/>
-         <ToHome/>
-         
-         
-         
       </DefaultLayout>
    )
    }
diff --git a/ReactJS/Native/AlfaPrentice/App/index.js b/ReactJS/Native/AlfaPrentice/App/index.js
index f709e6c..6030de2 100644
--- a/ReactJS/Native/AlfaPrentice/App/index.js
+++ b/ReactJS/Native/AlfaPrentice/App/index.js
@@ -5,12 +5,15 @@ import DefaultLayout from './Layouts/DefaultLayout';
 import Hero from './Hero/Hero';
 import {HeroSearch} from './Hero/Hero';
 import CompanyResultcard from './Cards/CompanyResultCard';
+import Footer from './Footer/Footer';
+import ProfileLink from './Cards/ProfileLinks';
 
 //Pages
 import Home from "./Views/Home";
 import SearchPage from './Views/SearchPage';
 import Login from './Views/Login';
 import CompanyProfile from './Views/Profiles/CompanyProfile';
+import UserProfile from './Views/Profiles/UserProfile';
 
 //Components export
 export {
@@ -19,6 +22,8 @@ export {
     Hero,
     HeroSearch,
     CompanyResultcard,
+    Footer,
+    ProfileLink,
 }
 
 //Pages export
@@ -27,6 +32,7 @@ export {
     SearchPage,
     Login,
     CompanyProfile,
+    UserProfile,
 }
 
 export default Routes; 
\ No newline at end of file
diff --git a/ReactJS/Native/AlfaPrentice/package-lock.json b/ReactJS/Native/AlfaPrentice/package-lock.json
index cd50a40..86d1753 100644
--- a/ReactJS/Native/AlfaPrentice/package-lock.json
+++ b/ReactJS/Native/AlfaPrentice/package-lock.json
@@ -1750,6 +1750,37 @@
         "@types/istanbul-lib-report": "*"
       }
     },
+    "@types/prop-types": {
+      "version": "15.7.3",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz",
+      "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw=="
+    },
+    "@types/react": {
+      "version": "17.0.0",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.0.tgz",
+      "integrity": "sha512-aj/L7RIMsRlWML3YB6KZiXB3fV2t41+5RBGYF8z+tAKU43Px8C3cYUZsDvf1/+Bm4FK21QWBrDutu8ZJ/70qOw==",
+      "requires": {
+        "@types/prop-types": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "@types/react-native": {
+      "version": "0.63.37",
+      "resolved": "https://registry.npmjs.org/@types/react-native/-/react-native-0.63.37.tgz",
+      "integrity": "sha512-xr9SZG7tQQBKT6840tAGaWEC65D2gjyxZtuZxz631UgeW1ofItuu9HMVhoyYqot2hRSa6Q4YC8FYkRVUpM53/w==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/react-native-vector-icons": {
+      "version": "6.4.6",
+      "resolved": "https://registry.npmjs.org/@types/react-native-vector-icons/-/react-native-vector-icons-6.4.6.tgz",
+      "integrity": "sha512-lAyxNfMd5L1xZvXWsGcJmNegDf61TAp40uL6ashNNWj9W3IrDJO59L9+9inh0Y2MsEZpLTdxzVU8Unb4/0FQng==",
+      "requires": {
+        "@types/react": "*",
+        "@types/react-native": "*"
+      }
+    },
     "@types/stack-utils": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-1.0.1.tgz",
@@ -1982,6 +2013,31 @@
       "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
       "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg=="
     },
+    "auto-changelog": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/auto-changelog/-/auto-changelog-2.2.1.tgz",
+      "integrity": "sha512-XlykJfZrXlWUAADBqGoN1elmntrRcx7oEymyYB3NRPEZxv0TfYHfivmwzejUMnwAdXKCgbQPo7GV5ULs3jwpfw==",
+      "requires": {
+        "commander": "^5.0.0",
+        "handlebars": "^4.7.3",
+        "lodash.uniqby": "^4.7.0",
+        "node-fetch": "^2.6.0",
+        "parse-github-url": "^1.0.2",
+        "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "node-fetch": {
+          "version": "2.6.1",
+          "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.1.tgz",
+          "integrity": "sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw=="
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+        }
+      }
+    },
     "available-typed-arrays": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.2.tgz",
@@ -2691,6 +2747,11 @@
         "isobject": "^3.0.1"
       }
     },
+    "csstype": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.5.tgz",
+      "integrity": "sha512-uVDi8LpBUKQj6sdxNaTetL6FpeCqTjOvAQuQUa/qAqq8oOd4ivkbhgnqayl0dnPal8Tb/yB1tF+gOvCBiicaiQ=="
+    },
     "dayjs": {
       "version": "1.9.6",
       "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.9.6.tgz",
@@ -3628,6 +3689,31 @@
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz",
       "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw=="
     },
+    "handlebars": {
+      "version": "4.7.6",
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.6.tgz",
+      "integrity": "sha512-1f2BACcBfiwAfStCKZNrUCgqNZkGsAT7UM3kkYtXuLo0KnaVfjKOyf7PRzB6++aK9STyT1Pd2ZCPe3EGOXleXA==",
+      "requires": {
+        "minimist": "^1.2.5",
+        "neo-async": "^2.6.0",
+        "source-map": "^0.6.1",
+        "uglify-js": "^3.1.4",
+        "wordwrap": "^1.0.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+        },
+        "uglify-js": {
+          "version": "3.12.0",
+          "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.12.0.tgz",
+          "integrity": "sha512-8lBMSkFZuAK7gGF8LswsXmir8eX8d2AAMOnxSDWjKBx/fBR6MypQjs78m6ML9zQVp1/hD4TBdfeMZMC7nW1TAA==",
+          "optional": true
+        }
+      }
+    },
     "has": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
@@ -4454,11 +4540,21 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
       "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA=="
     },
+    "lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha1-QVxEePK8wwEgwizhDtMib30+GOA="
+    },
     "lodash.throttle": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
       "integrity": "sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ="
     },
+    "lodash.uniqby": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz",
+      "integrity": "sha1-2ZwHpmnp5tJOE2Lf4mbGdhavEwI="
+    },
     "log-symbols": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz",
@@ -5530,6 +5626,11 @@
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
       "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw=="
     },
+    "neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
+    },
     "nice-try": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
@@ -5834,6 +5935,11 @@
         }
       }
     },
+    "opencollective-postinstall": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz",
+      "integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q=="
+    },
     "opn": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/opn/-/opn-4.0.2.tgz",
@@ -5892,6 +5998,11 @@
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
       "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M="
     },
+    "parse-github-url": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/parse-github-url/-/parse-github-url-1.0.2.tgz",
+      "integrity": "sha512-kgBf6avCbO3Cn6+RnzRGLkUsv4ZVqv/VfAYkRsyBcgkshNvVBkRn1FEZcW0Jb+npXQWm2vHPnnOqFteZxRRGNw=="
+    },
     "parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
@@ -6591,6 +6702,39 @@
         }
       }
     },
+    "react-native-elements": {
+      "version": "3.0.0-alpha.1",
+      "resolved": "https://registry.npmjs.org/react-native-elements/-/react-native-elements-3.0.0-alpha.1.tgz",
+      "integrity": "sha512-m85yQLo3wPkC5pF4Sp6bWltINElOVk6G57Ld2QNnVnXHwJ4PI5gYOoSvatxbsUV8MHQuvzTePRwDLZIjFu7HDg==",
+      "requires": {
+        "@types/react-native-vector-icons": "^6.4.5",
+        "auto-changelog": "^2.2.1",
+        "color": "^3.1.2",
+        "deepmerge": "^4.2.2",
+        "hoist-non-react-statics": "^3.3.2",
+        "lodash.isequal": "^4.5.0",
+        "opencollective-postinstall": "^2.0.3",
+        "prop-types": "^15.7.2",
+        "react-native-ratings": "^7.3.0",
+        "react-native-size-matters": "^0.3.1",
+        "react-native-status-bar-height": "^2.5.0"
+      },
+      "dependencies": {
+        "deepmerge": {
+          "version": "4.2.2",
+          "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+          "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
+        },
+        "hoist-non-react-statics": {
+          "version": "3.3.2",
+          "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+          "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+          "requires": {
+            "react-is": "^16.7.0"
+          }
+        }
+      }
+    },
     "react-native-gesture-handler": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-1.7.0.tgz",
@@ -6607,6 +6751,15 @@
       "resolved": "https://registry.npmjs.org/react-native-iphone-x-helper/-/react-native-iphone-x-helper-1.3.1.tgz",
       "integrity": "sha512-HOf0jzRnq2/aFUcdCJ9w9JGzN3gdEg0zFE4FyYlp4jtidqU03D5X7ZegGKfT1EWteR0gPBGp9ye5T5FvSWi9Yg=="
     },
+    "react-native-ratings": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/react-native-ratings/-/react-native-ratings-7.3.0.tgz",
+      "integrity": "sha512-NCDIkmrVPnxPzP9zKdlcNpa2rPs3Hiv2qXsojUr3FpwbANWfgYE+jjGSSCBcS3vpXndTjhoaTGFDnybnUSFPFA==",
+      "requires": {
+        "lodash": "^4.17.15",
+        "prop-types": "^15.7.2"
+      }
+    },
     "react-native-reanimated": {
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-1.13.2.tgz",
@@ -6651,6 +6804,16 @@
       "resolved": "https://registry.npmjs.org/react-native-screens/-/react-native-screens-2.10.1.tgz",
       "integrity": "sha512-Z2kKSk4AwWRQNCBmTjViuBQK0/Lx0jc25TZptn/2gKYUCOuVRvCekoA26u0Tsb3BIQ8tWDsZW14OwDlFUXW1aw=="
     },
+    "react-native-size-matters": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/react-native-size-matters/-/react-native-size-matters-0.3.1.tgz",
+      "integrity": "sha512-mKOfBLIBFBcs9br1rlZDvxD5+mAl8Gfr5CounwJtxI6Z82rGrMO+Kgl9EIg3RMVf3G855a85YVqHJL2f5EDRlw=="
+    },
+    "react-native-status-bar-height": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/react-native-status-bar-height/-/react-native-status-bar-height-2.6.0.tgz",
+      "integrity": "sha512-z3SGLF0mHT+OlJDq7B7h/jXPjWcdBT3V14Le5L2PjntjjWM3+EJzq2BcXDwV+v67KFNJic5pgA26cCmseYek6w=="
+    },
     "react-native-tab-view": {
       "version": "2.15.2",
       "resolved": "https://registry.npmjs.org/react-native-tab-view/-/react-native-tab-view-2.15.2.tgz",
diff --git a/ReactJS/Native/AlfaPrentice/package.json b/ReactJS/Native/AlfaPrentice/package.json
index 8f7f5fb..e10d29d 100644
--- a/ReactJS/Native/AlfaPrentice/package.json
+++ b/ReactJS/Native/AlfaPrentice/package.json
@@ -16,6 +16,7 @@
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "react-native": "https://github.com/expo/react-native/archive/sdk-39.0.4.tar.gz",
+    "react-native-elements": "^3.0.0-alpha.1",
     "react-native-gesture-handler": "^1.7.0",
     "react-native-reanimated": "^1.13.2",
     "react-native-router-flux": "^4.2.0",