diff --git a/src/components/RegistroAsistencia.vue b/src/components/RegistroAsistencia.vue
new file mode 100644
index 0000000..81b9431
--- /dev/null
+++ b/src/components/RegistroAsistencia.vue
@@ -0,0 +1,280 @@
+<template>
+    <div class="row">
+        <div class="col-10 offset-1">
+            <div class="row">
+                <div class="col-5">
+                    <p><span class="datosU">Usuario:</span> {{ usuario }}</p>
+                    <p><span class="datosU">Afiliacion:</span>{{ afiliacion }}</p>
+                    <p><span class="datosU">Correo:</span> {{ correo }}</p>
+                </div>
+            </div>
+
+            <h1 class="" style="text-align:center">Actividades</h1>
+
+            <div class="row">
+                <h3>Mesas De Trabajo</h3>
+            </div>
+
+            <div class="row">
+                <div class="col-12">
+                    <div class="row">
+                        <input type="checkbox" v-model="check_L" :value="true" />
+                        <h5>Lunes:</h5>
+                    </div>
+                    <table class="table table-borderless table-hover" v-if="check_L">
+                        <thead>
+                            <tr>
+                                <th scope="col">check</th>
+                                <th scope="col">Mesa</th>
+                                <th scope="col">Hora</th>
+                                <th scope="col">Lugar</th>
+                                <th scope="col">Cupo</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <th scope="row" ><input type="radio" name="mesaL" value="1" /></th>
+                                <td>{{ mesa.nombre_evento }}</td>
+                                <td>{{ mesa.hora }}</td>
+                                <td>{{ mesa.lugar }}</td>
+                                <td>{{ mesa.cupo }}</td>
+                            </tr>
+
+                            <tr>
+                                <th scope="row" ><input type="radio" name="mesaL" value="2" /></th>
+                                <td>{{ mesa.nombre_evento }}</td>
+                                <td>{{ mesa.hora }}</td>
+                                <td>{{ mesa.lugar }}</td>
+                                <td>{{ mesa.cupo }}</td>
+                            </tr>
+
+                            <tr>
+                                <th scope="row" ><input type="radio" name="mesaL" value="3" /></th>
+                                <td>{{ mesa.nombre_evento }}</td>
+                                <td>{{ mesa.hora }}</td>
+                                <td>{{ mesa.lugar }}</td>
+                                <td>{{ mesa.cupo }}</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+
+                <div class="col-12">
+                    <div class="row">
+                        <input type="checkbox" v-model="check_M" :value="true"  />
+                        <h5>Martes:</h5>
+                    </div>
+                    <table class="table table-borderless table-hover" v-if="check_M" >
+                        <thead>
+                            <tr>
+                                <th scope="col">check</th>
+                                <th scope="col">Mesa</th>
+                                <th scope="col">Hora</th>
+                                <th scope="col">Lugar</th>
+                                <th scope="col">Cupo</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <th scope="row" ><input type="radio" name="mesaM" value="1" /></th>
+                                <td>{{ mesa.nombre_evento }}</td>
+                                <td>{{ mesa.hora }}</td>
+                                <td>{{ mesa.lugar }}</td>
+                                <td>{{ mesa.cupo }}</td>
+                            </tr>
+
+                            <tr>
+                                <th scope="row" ><input type="radio" name="mesaM" value="2" /></th>
+                                <td>{{ mesa.nombre_evento }}</td>
+                                <td>{{ mesa.hora }}</td>
+                                <td>{{ mesa.lugar }}</td>
+                                <td>{{ mesa.cupo }}</td>
+                            </tr>
+
+                            <tr>
+                                <th scope="row" ><input type="radio" name="mesaM" value="3" /></th>
+                                <td>{{ mesa.nombre_evento }}</td>
+                                <td>{{ mesa.hora }}</td>
+                                <td>{{ mesa.lugar }}</td>
+                                <td>{{ mesa.cupo }}</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+
+                <div class="col-12">
+                    <div class="row">
+                        <input  type="checkbox" v-model="check_Mi" :value="true" />
+                        <h5>Miercoles:</h5>
+                    </div>
+                    <table class="table table-borderless table-hover"  v-if="check_Mi" >
+                        <thead>
+                            <tr>
+                                <th scope="col">check</th>
+                                <th scope="col">Mesa</th>
+                                <th scope="col">Hora</th>
+                                <th scope="col">Lugar</th>
+                                <th scope="col">Cupo</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <th scope="row" ><input type="radio" name="mesaMi" value="1" /></th>
+                                <td>{{ mesa.nombre_evento }}</td>
+                                <td>{{ mesa.hora }}</td>
+                                <td>{{ mesa.lugar }}</td>
+                                <td>{{ mesa.cupo }}</td>
+                            </tr>
+
+                            <tr>
+                                <th scope="row" ><input type="radio" name="mesaM" value="2" /></th>
+                                <td>{{ mesa.nombre_evento }}</td>
+                                <td>{{ mesa.hora }}</td>
+                                <td>{{ mesa.lugar }}</td>
+                                <td>{{ mesa.cupo }}</td>
+                            </tr>
+
+                            <tr>
+                                <th scope="row" ><input type="radio" name="mesaM" value="3" /></th>
+                                <td>{{ mesa.nombre_evento }}</td>
+                                <td>{{ mesa.hora }}</td>
+                                <td>{{ mesa.lugar }}</td>
+                                <td>{{ mesa.cupo }}</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+
+            <div class="row">
+                <h3>Talleres</h3>
+
+                <table class="table table-borderless table-hover">
+                    <thead>
+                        <tr>
+                            <th scope="col">check</th>
+                            <th scope="col">Mesa</th>
+                            <th scope="col">Dia</th>
+                            <th scope="col">Hora</th>
+                            <th scope="col">Lugar</th>
+                            <th scope="col">Cupo</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <th scope="row" ><input type="radio" name="tip3" value="3" />
+                            </th>
+                            <td>{{ mesa.nombre_evento }}</td>
+                            <td>{{ mesa.dia }}</td>
+                            <td>{{ mesa.hora }}</td>
+                            <td>{{ mesa.lugar }}</td>
+                            <td>{{ mesa.cupo }}</td>
+                        </tr>
+
+                        <tr>
+                            <th scope="row"><input type="radio" name="tip3" value="4" />
+                            </th>
+                            <td>{{ mesa.nombre_evento }}</td>
+                            <td>{{ mesa.dia }}</td>
+                            <td>{{ mesa.hora }}</td>
+                            <td>{{ mesa.lugar }}</td>
+                            <td>{{ mesa.cupo }}</td>
+                        </tr>
+
+                    </tbody>
+                </table>
+            </div>
+
+            <div class="row">
+                <h3>Ponencias Magistrales</h3>
+
+                <table class="table table-borderless table-hover">
+                    <thead>
+                        <tr>
+                            <th scope="col">check</th>
+                            <th scope="col">Mesa</th>
+                            <th scope="col">Dia</th>
+                            <th scope="col">Hora</th>
+                            <th scope="col">Lugar</th>
+                            <th scope="col">Cupo</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <th scope="row" ><input type="checkbox" id="cbox4" value="first_checkbox1" /></th>
+                            <td>{{ mesa.nombre_evento }}</td>
+                            <td>{{ mesa.dia }}</td>
+                            <td>{{ mesa.hora }}</td>
+                            <td>{{ mesa.lugar }}</td>
+                            <td>{{ mesa.cupo }}</td>
+                        </tr>
+
+                        <tr>
+                            <th scope="row" ><input type="checkbox" id="cbox4" value="first_checkbox2" /></th>
+                            <td>{{ mesa.nombre_evento }}</td>
+                            <td>{{ mesa.dia }}</td>
+                            <td>{{ mesa.hora }}</td>
+                            <td>{{ mesa.lugar }}</td>
+                            <td>{{ mesa.cupo }}</td>
+                        </tr>
+                        <tr>
+                            <th scope="row" ><input type="checkbox" id="cbox4" value="first_checkbox3" /></th>
+                            <td>{{ mesa.nombre_evento }}</td>
+                            <td>{{ mesa.dia }}</td>
+                            <td>{{ mesa.hora }}</td>
+                            <td>{{ mesa.lugar }}</td>
+                            <td>{{ mesa.cupo }}</td>
+                        </tr>
+                        <tr>
+                            <th scope="row" ><input type="checkbox" id="cbox4" value="first_checkbox4" /></th>
+                            <td>{{ mesa.nombre_evento }}</td>
+                            <td>{{ mesa.dia }}</td>
+                            <td>{{ mesa.hora }}</td>
+                            <td>{{ mesa.lugar }}</td>
+                            <td>{{ mesa.cupo }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+
+            <div class="row">
+                <input type="checkbox" v-model="check_L" :value="true" />
+                <h5>Quiero constancia del evento</h5>
+            </div>
+
+            <div class="row my-4">
+                <h3>Resumen</h3>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                mesa: {
+                    id_evento: 1,
+                    tipo_evento: 'Mesa tematica',
+                    nombre_evento: 'Mesa 9: Educación ambiental y bioética.',
+                    cupo: 60,
+                    lugar: 'Sala 1',
+                    hora: '12:00',
+                    dia: 'Lunes',
+                },
+                check_L: false,
+                check_M: false,
+                check_Mi: false,
+            }
+        },
+    }
+</script>
+
+<style scoped>
+    .datosU {
+        color: #363636;
+        display: block;
+        font-size: 1rem;
+        font-weight: 700;
+    }
+</style>
diff --git a/src/routes.js b/src/routes.js
index b1db752..83ea9d9 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -11,6 +11,7 @@ import Login from './components/Login.vue'
 import Aviso from './components/Aviso.vue'
 import User from './components/User.vue'
 import Recuperar from './components/Recuperar.vue'
+import RegistroAsistencia from './components/RegistroAsistencia'
 
 export const routes = [
     { path: '/', component: Inicio, name: 'inicio' },
@@ -26,6 +27,7 @@ export const routes = [
     { path: '/aviso', component: Aviso, name: 'aviso' },
     { path: '/usuario/:id', component: User, name: 'user' },
     { path: '/recuperar', component: Recuperar, name: 'recuperar' },
+    { path: '/registroAsistencia', component: RegistroAsistencia, name: 'registroAsistencia'}
 ]
 
 // const isAuthenticated = function() {