diff --git a/book-racker/src/App.vue b/book-racker/src/App.vue
index d74c648e1586c443cc1f9afd4235260074da0109..81728ed7ba3e32dc55582d54b9b60c8990372d46 100644
--- a/book-racker/src/App.vue
+++ b/book-racker/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <img src="./assets/logo.png">
+    <!--<img src="./assets/logo.png">-->
     <router-view/>
   </div>
 </template>
diff --git a/book-racker/src/components/Register.vue b/book-racker/src/components/Register.vue
index bc7594f32ebf165952de345e09cddd774b87cf70..3736be7b8a64979cc14ec5755326a36777907f47 100644
--- a/book-racker/src/components/Register.vue
+++ b/book-racker/src/components/Register.vue
@@ -1,18 +1,39 @@
 <template>
   <div>
     <h1>Register</h1>
+
+    <input type="email" name="email" v-model="email" placeholder="email"/>
+    <br>
+    <input type="password" name="password" v-model="password" placeholder="password"/>
+    <br>
+    <button @click="register">Register</button>
   </div>
 </template>
 
 <script>
+import AuthentiacationService from '@/services/AuthenticationService'
 export default {
   
   data () {
     return {
+      email:'',
+      password:''
       
     }
-  }
+  },
+ 
+  methods:{
+      
+      async register(){
+       await AuthentiacationService.register({
+          email: this.email,
+          password:this.password
+        })
+         
+      }
 }
+}
+
 </script>
 
 <style scoped>