diff --git a/nuxt.config.js b/nuxt.config.js
index e4b5487..b397005 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,5 +1,5 @@
 export default {
-  server: { port: 8080 },
+  server: { port: 3000 },
   mode: 'spa',
   target: 'server',
   head: {
@@ -21,4 +21,9 @@ export default {
   buildModules: ['@nuxtjs/eslint-module'],
   modules: ['bootstrap-vue/nuxt'],
   build: {},
+  env: {
+    // api: "http://localhost:3000"
+    api: 'https://edb8f6f9b43d.ngrok.io',
+    // api: "http://"
+  },
 }
diff --git a/pages/index.vue b/pages/index.vue
deleted file mode 100644
index ef23334..0000000
--- a/pages/index.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-/* eslint-disable no-console */
-<template>
-  <qrcode-stream @decode="onDecode"></qrcode-stream>
-</template>
-
-<script>
-import { QrcodeStream } from 'vue-qrcode-reader'
-
-export default {
-  components: {
-    QrcodeStream,
-  },
-  methods: {
-    onDecode(decodedString) {
-      // eslint-disable-next-line no-console
-      console.log(decodedString)
-    },
-  },
-}
-</script>
diff --git a/pages/prestamo/index.vue b/pages/prestamo/index.vue
new file mode 100644
index 0000000..c22da4e
--- /dev/null
+++ b/pages/prestamo/index.vue
@@ -0,0 +1,36 @@
+<template>
+  <qrcode-stream @decode="onDecode"></qrcode-stream>
+</template>
+
+<script>
+import { QrcodeStream } from 'vue-qrcode-reader'
+import axios from 'axios'
+import Swal from 'sweetalert2'
+
+export default {
+  components: {
+    QrcodeStream,
+  },
+  methods: {
+    onDecode(idPrestamo) {
+      const data = { prestamoId: Number(idPrestamo), operadorId: 1 }
+
+      axios
+        .put(`${process.env.api}/prestamo/confirmar`, data)
+        .then((res) => {
+          if (res.data.activo) {
+            Swal.fire({
+              icon: 'success',
+              title: '¡Felicidades!',
+              text: 'Haz activado correctamente el dispositivo del alumno.',
+            })
+          }
+        })
+        .catch((err) => {
+          // eslint-disable-next-line no-console
+          console.log(err)
+        })
+    },
+  },
+}
+</script>
diff --git a/pages/regreso/index.vue b/pages/regreso/index.vue
new file mode 100644
index 0000000..53bc587
--- /dev/null
+++ b/pages/regreso/index.vue
@@ -0,0 +1,37 @@
+<template>
+  <qrcode-stream @decode="onDecode"></qrcode-stream>
+</template>
+
+<script>
+import { QrcodeStream } from 'vue-qrcode-reader'
+import axios from 'axios'
+import Swal from 'sweetalert2'
+
+export default {
+  components: {
+    QrcodeStream,
+  },
+  methods: {
+    onDecode(idPrestamo) {
+      const data = { prestamoId: Number(idPrestamo), operadorId: 1 }
+      axios
+        .put(`${process.env.api}/prestamo/regreso`, data)
+        .then((res) => {
+          // if (res.data.activo) {
+          // eslint-disable-next-line no-console
+          console.log(res.data)
+          Swal.fire({
+            icon: 'success',
+            title: '¡Felicidades!',
+            text: 'Se ha retornado el dispositivo correctamente.',
+          })
+          // }
+        })
+        .catch((err) => {
+          // eslint-disable-next-line no-console
+          console.log(err)
+        })
+    },
+  },
+}
+</script>
diff --git a/pages/reservacion/index.vue b/pages/reservacion/index.vue
new file mode 100644
index 0000000..12d92ea
--- /dev/null
+++ b/pages/reservacion/index.vue
@@ -0,0 +1,36 @@
+<template>
+  <qrcode-stream @decode="onDecode"></qrcode-stream>
+</template>
+
+<script>
+import { QrcodeStream } from 'vue-qrcode-reader'
+import axios from 'axios'
+import Swal from 'sweetalert2'
+
+export default {
+  components: {
+    QrcodeStream,
+  },
+  methods: {
+    onDecode(idPrestamo) {
+      const data = { prestamoId: Number(idPrestamo), operadorId: 1 }
+
+      axios
+        .put(`${process.env.api}/reservacion/confirmar`, data)
+        .then((res) => {
+          if (res.data.activo) {
+            Swal.fire({
+              icon: 'success',
+              title: '¡Felicidades!',
+              text: 'Haz activado correctamente el dispositivo del alumno.',
+            })
+          }
+        })
+        .catch((err) => {
+          // eslint-disable-next-line no-console
+          console.log(err)
+        })
+    },
+  },
+}
+</script>