diff --git a/web-ui/web-react/src/components/Inquilinos.js b/web-ui/web-react/src/components/Inquilinos.js
new file mode 100644
index 00000000..96b86e40
--- /dev/null
+++ b/web-ui/web-react/src/components/Inquilinos.js
@@ -0,0 +1,20 @@
+import { React, useEffect, useState } from 'react'
+import { InputText } from 'primereact/inputtext'
+import { Button } from 'primereact/button'
+import { DataTable } from 'primereact/datatable'
+import { Column } from 'primereact/column'
+
+const Inquilinos = () => {
+  function registrarInquilino() {
+    let data = {
+      dni: document.getElementById('identificacion').value,
+      name: document.getElementById('nombre').value,
+      last_name: document.getElementById('apellidos').value,
+      email: document.getElementById('correo_electronico').value,
+      phone: document.getElementById('telefono').value,
+      password: document.getElementById('correo_electronico').value,
+      user_type: '1', //1 es admin
+      status: '1',
+    }
+  }
+}