diff --git a/iut-expo-starter/.expo/settings.json b/iut-expo-starter/.expo/settings.json
index a482d3a7..470dc637 100644
--- a/iut-expo-starter/.expo/settings.json
+++ b/iut-expo-starter/.expo/settings.json
@@ -5,5 +5,6 @@
   "minify": false,
   "urlRandomness": null,
   "https": false,
-  "scheme": null
+  "scheme": null,
+  "devClient": false
 }
diff --git a/iut-expo-starter/components/TopBar.tsx b/iut-expo-starter/components/TopBar.tsx
new file mode 100644
index 00000000..cce79904
--- /dev/null
+++ b/iut-expo-starter/components/TopBar.tsx
@@ -0,0 +1,26 @@
+import React from "react"
+import { View, Text, StyleSheet } from "react-native";
+
+export function TopBar(){
+    return (
+        <View style={TopBarStyle.bar}>
+            <Text style={TopBarStyle.title}>La Super Météo</Text>
+        </View>
+    );
+}
+
+const TopBarStyle = StyleSheet.create({
+    title : {
+        fontSize : 30,
+        fontWeigh : 'bold',
+        color : '#B6D0E2'
+    },
+    bar : {
+        width : '100%',
+        backgroundColor : '#E9967A',
+        alignItems : 'center',
+        flexDirection : 'row',
+        justifyContent : 'space-evenly',
+        marginBottom : '150%'
+    }
+});
\ No newline at end of file
diff --git a/iut-expo-starter/components/VilleCompopo.tsx b/iut-expo-starter/components/VilleCompopo.tsx
new file mode 100644
index 00000000..e1a1924f
--- /dev/null
+++ b/iut-expo-starter/components/VilleCompopo.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import { View, StyleSheet, Text } from "react-native";
+
+
+type VilleProps = {
+    name: string,
+    latitude: string,
+    longitude: string
+}
+
+export function VilleCompopo(){
+    
+}
\ No newline at end of file