diff --git a/README.md b/README.md
index 24f2e07..2cbfe41 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,2 @@
-# maple
-
-Small app to export and share project structures.
\ No newline at end of file
+# Trouver mon député
+Application permettant de trouver son député à partir de sa géolocalisation
\ No newline at end of file
diff --git a/env.d.ts b/env.d.ts
index 11f02fe..af0008d 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -1 +1,3 @@
 /// <reference types="vite/client" />
+declare module "geojson-geometries-lookup";
+declare module "pako";
diff --git a/package-lock.json b/package-lock.json
index 029444e..edaf08c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
-  "name": "maple",
-  "version": "0.0.0",
+  "name": "rep-lookup-fr",
+  "version": "0.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "maple",
-      "version": "0.0.0",
+      "name": "rep-lookup-fr",
+      "version": "0.1.0",
       "dependencies": {
         "@tailwindcss/typography": "^0.5.4",
         "@vueuse/core": "^10.1.0",
diff --git a/src/stores/project.ts b/src/stores/project.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/src/stores/repStore.ts b/src/stores/repStore.ts
new file mode 100644
index 0000000..f24c12d
--- /dev/null
+++ b/src/stores/repStore.ts
@@ -0,0 +1,11 @@
+import { defineStore } from "pinia";
+
+export const useCirStore = defineStore("repStore", () => {
+  async function getRep(lon: number, lat: number): Promise<any> {
+    return fetch(`http://localhost:3000/rep?lat=${lat}&lon=${lon}`).then((t) =>
+      t.json()
+    );
+  }
+
+  return { getRep };
+});
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index d262eba..ceb268c 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,7 +1,33 @@
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { useCirStore } from "@/stores/repStore";
+import { useGeolocation } from "@vueuse/core";
+import { ref } from "vue";
+
+const { coords } = useGeolocation();
+const { getRep } = useCirStore();
+
+const currentRepValue = ref<any>();
+
+async function handleGeolocClick() {
+  currentRepValue.value = await getRep(
+    coords.value.longitude,
+    coords.value.latitude
+  );
+}
+</script>
 
 <template>
   <div>
-    <main class="container py-4">Main</main>
+    <main class="container py-4">
+      <button
+        class="py-2 px-4 rounded-sm bg-white text-sm text-slate-950"
+        @click="handleGeolocClick"
+      >
+        Trouver mon député
+      </button>
+      <pre>
+        {{ currentRepValue }}
+      </pre>
+    </main>
   </div>
 </template>