Merge branch 'main' of https://git.gumoio.com/Juan.Lazaro/SIU_Dran_net

Base/universidad.sql

@@ -20,6 +20,12 @@ create table alumno(
     correo varchar(40)
 );
 
+create table registro(
+	id integer auto_increment primary key,
+    matricula varchar(40),
+    descripcion varchar(100)
+);
+
 
 drop table examen;
 create table examen(

backend/src/main/java/mx/uv/App.java

@@ -37,9 +37,11 @@ public class App
             String payload = request.body();
             Alumno alumno = gson.fromJson(payload, Alumno.class);
 
-            boolean msj = DAO.agregarAlumno(alumno);
+            Mensaje msj = DAO.agregarAlumno(alumno);
             JsonObject respuesta = new JsonObject();
-            respuesta.addProperty("msj", msj);
+            respuesta.addProperty("contrasena", msj.getAlumno().getContrasena());
+            respuesta.addProperty("matricula", msj.getAlumno().getMatricula());
+            respuesta.addProperty("verificacion", msj.isVerificacion());
             return respuesta;
         });
         put("/editarAlumno", (request, response) ->{
@@ -58,12 +60,22 @@ public class App
             respuesta.addProperty("existe", verificado);
             return respuesta;
         });
-        get("/alumnoIniciado", (request, response) ->{
+
+        post("/alumnoIniciado", (request, response) ->{
             response.type("application/json");
             String payload = request.body();
             Alumno alumno = gson.fromJson(payload, Alumno.class);
             return gson.toJson(DAO.alumnoIniciado(alumno.getMatricula(),alumno.getContrasena()));
         });
 
+        post("/usuarioValido", (request, response) ->{
+            String payload = request.body();
+            Alumno alumno = gson.fromJson(payload, Alumno.class);
+            boolean verificado = DAO.validarAlumno(alumno);
+            JsonObject respuesta = new JsonObject();
+            respuesta.addProperty("existe", verificado);
+            return respuesta;
+        });
+
     }
 }

backend/src/main/java/mx/uv/Controller/DAO.java

@@ -1,11 +1,13 @@
 package mx.uv.Controller;
 
 import java.sql.*;
+import java.time.LocalDateTime;
 import java.util.ArrayList;
 import java.util.List;
-
+import java.util.Random;
 
 import mx.uv.Model.Alumno;
+import mx.uv.Model.Mensaje;
 
 public class DAO {
     private static Conexion cn = Conexion.getInstance();
@@ -23,7 +25,7 @@ public class DAO {
             stm = conn.createStatement();
             rs = stm.executeQuery(sql);
             while (rs.next()) {
-                Alumno u = new Alumno(rs.getInt(1), rs.getString(2), rs.getString(3),rs.getString(4), rs.getString(5),rs.getString(6),rs.getString(7),rs.getString(8));
+                Alumno u = new Alumno(rs.getInt(1), rs.getString(2), rs.getString(3),rs.getString(4), rs.getString(5),rs.getString(6),rs.getString(7),rs.getString(8),rs.getString(9));
                 resultado.add(u);
             }
         } catch (Exception e) {
@@ -40,8 +42,8 @@ public class DAO {
         ResultSet rs = null;
         conn = cn.conectar();
         try {
-                String sql ="select * from usuarios " 
-                        + "where matricula= '"+alumno.getMatricula()+"' and contrasena='"+alumno.getContrasena()+"'";
+                String sql ="select * from alumno " 
+                        + "where matricula= '"+alumno.getMatricula()+"' and password='"+alumno.getContrasena()+"'";
                 stm = (Statement) conn.createStatement();
                 rs = stm.executeQuery(sql);
                 if(rs.next()){
@@ -56,31 +58,52 @@ public class DAO {
         return verificacion;
     }
 
-    public static boolean agregarAlumno(Alumno alumno) {
+    public static Mensaje agregarAlumno(Alumno alumno) {
+        Mensaje mensaje = new Mensaje();
         PreparedStatement stm = null;
         Connection conn = null;
         boolean msj= false;
-
+        String matricula = "SIU24";
+        String password = crearContrasena();
+        matricula += 1000+ obtenerUltimoID();
+        alumno.setContrasena(password);
+        alumno.setMatricula(matricula);
         conn = cn.conectar();
         try {
-            String sql = "INSERT INTO `alumno`(`nombre`,`apellido`,`nacionalidad`,`matricula`,`contrasena`)VALUES(?,?,?,?,?);";
+            String sql = "INSERT INTO `alumno`(`nombre`,`apellido`,`nacionalidad`,`matricula`,`password`, `correo`)VALUES(?,?,?,?,?,?);";
             stm = (PreparedStatement) conn.prepareStatement(sql);
             stm.setString(1, alumno.getNombre());
             stm.setString(2, alumno.getApellido());
             stm.setString(3, alumno.getNacionalidad());
             stm.setString(4, alumno.getMatricula());
             stm.setString(5, alumno.getContrasena());
-            if (stm.executeUpdate() > 0)
-                msj = true;
+            stm.setString(6, alumno.getCorreo());
+            if (stm.executeUpdate() > 0){
+                mensaje.setVerificacion(true);
+                mensaje.setAlumno(alumno);
+            }
             else
-                msj = false;
+                mensaje.setVerificacion(false);
 
         } catch (Exception e) {
             System.out.println(e);
         } finally {
             cerrarConexiones(stm,conn);
         }
-        return msj;
+        return mensaje;
+    }
+
+    public static String crearContrasena() {
+        Random random = new Random();
+        String contrasena = "";
+        String CARACTERES_PERMITIDOS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#";
+        for (int i = 0; i < 10; i++) {
+            int numero = random.nextInt(CARACTERES_PERMITIDOS.length());
+            char caracterAleatorio = CARACTERES_PERMITIDOS.charAt(numero);
+            contrasena += caracterAleatorio;
+        }
+
+        return contrasena.toString();
     }
 
     private static void cerrarConexiones(PreparedStatement stm,Connection conn) {
@@ -109,7 +132,7 @@ public class DAO {
         boolean verificacion =false;
         conn = cn.conectar();
         try {
-                String sql ="UPDATE `alumno` SET `nombre` = '"+alumno.getNombre()+"',`apellido` = '"+alumno.getApellido()+"',`fecha_nacimiento` = '"+alumno.getFechaNacimiento()+"',`nacionalidad` = '"+alumno.getNacionalidad()+"', `tipoSangre` = '"+alumno.getTipoDeSangre()+"', `contrasena`= '"+alumno.getContrasena()+"' WHERE `id` = '"+alumno.getId()+"';";
+                String sql ="UPDATE `alumno` SET `nombre` = '"+alumno.getNombre()+"',`apellido` = '"+alumno.getApellido()+"',`fecha_nacimiento` = '"+alumno.getFechaNacimiento()+"',`nacionalidad` = '"+alumno.getNacionalidad()+"', `tipoSangre` = '"+alumno.getTipoDeSangre()+"', `password`= '"+alumno.getContrasena()+"' WHERE `id` = '"+alumno.getId()+"';";
                 stm = conn.prepareStatement(sql);
                 stm.executeUpdate();
                 verificacion = true;
@@ -130,14 +153,15 @@ public class DAO {
         conn = cn.conectar();
 
         try {
-            String sql = "SELECT * FROM alumno WHERE matricula = ? AND contrasena = ?";
+            String sql = "SELECT * FROM alumno WHERE matricula = ? AND password = ?";
             PreparedStatement stmt = conn.prepareStatement(sql);
             stmt.setString(1, matricula);
             stmt.setString(2, contrasena);
             rs = stmt.executeQuery();
             while (rs.next()) {
-                alumno = new Alumno(rs.getInt(1), rs.getString(2), rs.getString(3),rs.getString(4), rs.getString(5),rs.getString(6),rs.getString(7),rs.getString(8));
+                alumno = new Alumno(rs.getInt(1), rs.getString(2), rs.getString(3),rs.getString(4), rs.getString(5),rs.getString(6),rs.getString(7),rs.getString(8),rs.getString(9));
             }
+            DAORegistro.registrar(alumno," Inicio Sesión ", LocalDateTime.now());
         } catch (Exception e) {
             System.out.println(e);
         } finally {
@@ -145,4 +169,34 @@ public class DAO {
         }
         return alumno;
     }
+
+    public static int obtenerUltimoID() {
+        Connection conn = null;
+        Statement stm = null;
+        ResultSet rs = null;
+        int ultimoID = -1;
+    
+        try {
+            conn = cn.conectar();
+            String sql = "SELECT MAX(id) AS ultimo_id FROM alumno";
+            stm = conn.createStatement();
+            rs = stm.executeQuery(sql);
+    
+            if (rs.next()) {
+                ultimoID = rs.getInt("ultimo_id");
+            }
+        } catch (SQLException ex) {
+            System.err.println(ex);
+        } finally {
+            // Cerrar recursos
+            try {
+                if (rs != null) rs.close();
+                if (stm != null) stm.close();
+                if (conn != null) conn.close();
+            } catch (SQLException ex) {
+                System.err.println(ex);
+            }
+        }
+        return ultimoID;
+    }
 }

backend/src/main/java/mx/uv/Controller/DAORegistro.java

@@ -0,0 +1,45 @@
+package mx.uv.Controller;
+
+import java.time.LocalDateTime;
+import java.sql.*;
+
+import mx.uv.Model.Alumno;
+
+public class DAORegistro {
+    private static Conexion cn = Conexion.getInstance();
+
+    public static void registrar(Alumno alumno, String descripcion, LocalDateTime day) {
+        PreparedStatement stm = null;
+        Connection conn = null;
+        conn = cn.conectar();
+        try {
+            String sql = "INSERT INTO `registro`(`matricula`,`descripcion`)VALUES(?,?);";
+            stm = (PreparedStatement) conn.prepareStatement(sql);
+            stm.setString(1, alumno.getMatricula());
+            stm.setString(2, descripcion + day);
+            stm.executeUpdate();
+        } catch (Exception e) {
+            System.out.println(e);
+        } finally {
+            cerrarConexiones(stm,conn);
+        }
+    }
+
+    private static void cerrarConexiones(PreparedStatement stm,Connection conn) {
+        if (stm != null) {
+            try {
+                stm.close();
+            } catch (Exception e) {
+                System.out.println(e);
+            }
+            stm = null;
+        }
+        try {
+            conn.close();
+            cn.cerrarConexion();
+        } catch (Exception e) {
+            System.out.println(e);
+        }
+    }
+
+}

backend/src/main/java/mx/uv/Model/Alumno.java

@@ -9,9 +9,10 @@ public class Alumno {
     private String tipoDeSangre;
     private String matricula;
     private String contrasena;
+    private String correo;
 
     public Alumno(int id, String nombre, String apellido, String fechaNacimiento, String nacionalidad,
-            String tipoDeSangre, String matricula, String contrasena) {
+            String tipoDeSangre, String matricula, String contrasena, String correo) {
         this.id = id;
         this.nombre = nombre;
         this.apellido = apellido;
@@ -20,17 +21,20 @@ public class Alumno {
         this.tipoDeSangre = tipoDeSangre;
         this.matricula = matricula;
         this.contrasena = contrasena;
+        this.correo = correo;
     }
 
+
     public Alumno() {
     }
 
-    public Alumno(String nombre, String apellido, String nacionalidad, String matricula, String contrasena) {
+    public Alumno(String nombre, String apellido, String nacionalidad, String matricula, String contrasena,String correo) {
         this.nombre = nombre;
         this.apellido = apellido;
         this.nacionalidad = nacionalidad;
         this.matricula = matricula;
         this.contrasena = contrasena;
+        this.correo = correo;
     }
     
     public Alumno(String matricula, String contrasena) {
@@ -38,8 +42,6 @@ public class Alumno {
         this.contrasena = contrasena;
     }
 
-
-
     public void setId(int id) {
         this.id = id;
     }
@@ -89,6 +91,16 @@ public class Alumno {
     public String getContrasena() {
         return contrasena;
     }
+
+
+    public String getCorreo() {
+        return correo;
+    }
+
+
+    public void setCorreo(String correo) {
+        this.correo = correo;
+    }
     
 
 }

backend/src/main/java/mx/uv/Model/Mensaje.java

@@ -0,0 +1,26 @@
+package mx.uv.Model;
+
+public class Mensaje {
+    private boolean verificacion;
+    private Alumno alumno;
+
+    public Mensaje(){      
+    };
+    public Mensaje(boolean verificacion, Alumno alumno) {
+        this.verificacion = verificacion;
+        this.alumno = alumno;
+    }
+    public boolean isVerificacion() {
+        return verificacion;
+    }
+    public Alumno getAlumno() {
+        return alumno;
+    }
+    public void setVerificacion(boolean verificacion) {
+        this.verificacion = verificacion;
+    }
+    public void setAlumno(Alumno alumno) {
+        this.alumno = alumno;
+    }
+    
+}

backend/src/main/java/mx/uv/Model/Registro.java

@@ -0,0 +1,5 @@
+package mx.uv.Model;
+
+public class Registro {
+    
+}

frontend/package-lock.json

@@ -11,7 +11,9 @@
         "axios": "^1.6.8",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "react-dropzone": "^14.2.3"
+        "react-dropzone": "^14.2.3",
+        "react-router": "^6.23.1",
+        "react-router-dom": "^6.23.1"
       },
       "devDependencies": {
         "@types/react": "^18.2.66",

frontend/package.json

@@ -13,7 +13,9 @@
     "axios": "^1.6.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-dropzone": "^14.2.3"
+    "react-dropzone": "^14.2.3",
+    "react-router": "^6.23.1",
+    "react-router-dom": "^6.23.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",

frontend/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

frontend/src/Encabezado.jsx

@@ -1,25 +0,0 @@
-import React from "react";
-import './Encabezado.css';
-
-function Encabezado(){
-    return (
-      <header className='headerOE'>
-                <nav>
-                    <ul>
-                        <div className='grupo1'>
-                        <img id='logo' src="logo.png" alt='Imagen'/>
-                        <li className='tit'>Universidad Filadelfia de México</li>
-                        </div>
-                        <div className='grupo2'>
-                        <li><a href="">Nosotros</a></li>
-                        <li><a href="">Visión</a></li>
-                        <li><a href="">Misión</a></li>
-                        <li><a href="">Instalaciones</a></li>
-                        </div>
-                    </ul>
-                </nav>
-        </header>
-    );
-}
-
-export default Encabezado;

frontend/src/Licenciatura.jsx

@@ -1,240 +0,0 @@
-import React, { useState } from "react";
-import './Licenciatura.css';
-import Encabezado from "./Encabezado";
-
-
-const Licenciatura = () => {
-    const [area, setArea] = useState("Tecnica");
-    const [licenciatura, setLicenciatura] = useState("Mátematicas");
-
-
-    const licenciaturas = {
-        "Tecnica": ["Mátematicas", "Física", "Arquitectura"],
-        "Economica": [ "Contabilidad", "Economía","Administración"],
-        "Humanidades": ["Historia", "Antropología", "Pedagogía"],
-        "Biologicas": ["Biología", "Química", "Agronomía"]
-    };
-
-    const infoLicenciaturas = {
-        "Mátematicas": {
-            "campusDisponibles": <div id="campusDisponibles"><span id="campus1">Xalapa</span><span>Orizaba</span></div>,
-            "descripcion": "La Licenciatura en Matemáticas tiene como misión preservar, desarrollar y difundir la cultura matemática en beneficio de la sociedad. Se enfoca en la formación integral de profesionales altamente calificados en matemáticas y con sólidos principios éticos, capaces de integrarse en equipos interdisciplinarios para aplicar su conocimiento matemático en diversas áreas.",
-            "conocimientos": "Aritmética, álgebra, trogonometría, cálculo diferencial e integral, geometría euclidiana, geometría analítica.",
-            "habilidades": "Razonamiento abstracto, concentración, generalizar y particularizar.",
-            "actitudes":"Perseverancia, disciplina, interés científico y capacidad de trabajar en equipo.",
-            "egreso": "El egresado de la Licenciatura en Matemáticas adquiere una sólida formación profesional que le capacita para comunicar ideas matemáticas con claridad y precisión, enseñar matemáticas en diferentes niveles educativos, iniciar investigaciones en su campo, apoyar en el diseño y evaluación de cursos, aplicar conocimientos para resolver problemas en diversos campos como ciencia, tecnología, economía y sociedad, trabajar en equipos interdisciplinarios, interpretar fenómenos naturales de manera crítica y creativa, ser autodidacta, y mantener una actitud de superación constante y actualización.",
-            "mision": "La Facultad de Matemáticas se enfoca en desarrollar, difundir y preservar la cultura matemática, formando profesionales altamente académicos, con un enfoque humanista y comprometidos con la sustentabilidad.",
-            "vision": "La Facultad de Matemáticas se destaca con una planta docente que genera una producción científica influyente y certificada por organismos externos, lo que garantiza la calidad de sus programas educativos. Este entorno propicia el desarrollo integral de los estudiantes, promoviendo valores de sustentabilidad y respeto a los derechos humanos.",
-            "objetivo": "Formar profesionistas de las matemáticas que destaquen por su constancia, creatividad, responsabilidad, compromiso social y aprendizaje de por vida, y como consecuencia participen de manera multi e interdisciplinaria en la docencia, en la generación y aplicación del conocimiento matemático en beneficio de la sociedad."
-        },
-        "Física":{
-            "campusDisponibles": <div id="campusDisponibles"><span id="campus1">Xalapa</span><span>Orizaba</span></div>,
-            "descripcion": "El profesional en Física tiene un amplio espectro de funciones, desde investigación hasta aplicaciones prácticas en industrias y servicios como PEMEX o CFE. El programa educativo consta de 422 créditos y ofrece dos áreas terminales: investigación, para quienes buscan posgrados, y aplicada, que prepara para docencia, análisis de datos o cómputo científico. El dominio del inglés es necesario para la acreditación.",
-            "conocimientos": "álgebra, trigonometría, cálculo diferencial e integral, geometría analítica, y cursos básicos de mecánica, electromagnetismo y termodinámica.",
-            "habilidades": "Habilidad para realizar abstracciones, el uso del lenguaje matemático y asimilar conceptos y conocimientos nuevos.",
-            "actitudes": "Disciplina, disposición para trabajar en equipo y para el trabajo autodidacta.",
-            "egreso": "El egresado de la Licenciatura en Física estará capacitado para trabajar en una amplia gama de sectores, incluyendo gobierno, educación, investigación, industria y empresas, tanto a nivel nacional como internacional. Además, estará preparado para realizar estudios de posgrado y resolver problemas utilizando modelos matemáticos y métodos computacionales. Sus habilidades le permitirán identificar y proponer soluciones a desafíos en su campo, tanto en entornos laborales como sociales a nivel local y global.",
-            "mision": "La Facultad de Física se enfoca en el desarrollo y difusión de las ciencias físicas mediante la formación de recursos humanos y la investigación de alta calidad. Los estudiantes reciben una formación integral que les proporciona habilidades en liderazgo, manejo de herramientas, programación, pensamiento abstracto, docencia y realización de experimentos rigurosos. Esto les permite ingresar al sector productivo o continuar con estudios de posgrado para involucrarse en investigación, innovación y desarrollo tecnológico en el ámbito educativo o industrial.",
-            "vision": "La Facultad de Física busca ser un referente en el sureste mexicano, reconocida por la excelencia académica de sus programas educativos científica y socialmente relevantes, la calidad de sus egresados, la enseñanza y la investigación básica y aplicada de vanguardia con un impacto significativo en la sociedad y la región.",
-            "objetivo": "El objetivo general de la facultad es formar profesionales en Física con competencias para abordar eficazmente los desafíos planteados por la ciencia, la academia, la sociedad, la industria y la empresa, a nivel local y global. Se promueve una actitud crítica, humanista y solidaria, junto con un compromiso ambiental, considerando la complejidad de la realidad. A través de la enseñanza, investigación, difusión cultural y servicios comunitarios, se busca contribuir a una sociedad más productiva, justa y segura, con responsabilidad social y transparencia."
-        },
-        "Arquitectura":{ 
-            "campusDisponibles": <div id="campusDisponibles"><span id="campus1">Xalapa</span><span>Orizaba</span></div>,
-            "descripcion": "El Programa de Arquitectura, ofrece una educación superior de calidad reconocida nacional e internacionalmente, que brinda a los futuros arquitectos la adquisición de herramientas y actitudes necesarias para el desarrollo permanente del conocimiento de la disciplina, que le permitan como egresado dar solución a los problemas y demandas de la sociedad. Dicho plan posee un total de 505 créditos de los que el alumno debe acreditar 415 para obtener el grado, lo anterior en un tiempo estándar de 9 semestres.",
-            "conocimientos": "Razonamiento aritmético, algebraico, estadístico y probabilístico, geométrico y trigonométrico.",
-            "habilidades": "Expresión gráfica (dibujo técnico y mano alzada), básicos de cómputo, conocimientos sobre propiedades de los materiales, óptica.",
-            "actitudes": "Constancia, disciplina, actitud crítica, capacidad reflexiva, actitud proactiva para encontrar soluciones sostenibles, actitud de atención al cuerpo y cuidado de la salud, apreciación del arte, convivencia con inclusión e igualdad, colaboración y trabajo en equipo.",
-            "egreso":"El egresado en Arquitectura debe ser un individuo integral, consciente y comprometido con su entorno, cuyo trabajo profesional se fundamenta en una relación equilibrada entre sociedad y territorio. Debe ser competente e innovador, capaz de resolver de manera creativa los desafíos estéticos y técnicos de los espacios arquitectónicos y urbanos de forma sostenible. Para ello, debe utilizar tecnologías relevantes y generar y gestionar soluciones espaciales, sociales y ambientalmente responsables.",
-            "mision":"La Facultad de Arquitectura se centra en la docencia, investigación, vinculación y gestión, con énfasis en proyectos arquitectónicos, edificación, humanismo y urbanismo, orientados a abordar problemas contemporáneos. Su formación va desde licenciatura hasta doctorado, destacando la sostenibilidad, humanismo, tecnología e innovación, con un enfoque en la pertinencia, equidad y ética. Mantiene colaboraciones estrechas con sectores gubernamentales, sociales, productivos y educativos, promoviendo el desarrollo sustentable para una sociedad inclusiva, humana, justa y segura.",
-            "vision":"La Facultad de Arquitectura lidera la formación de arquitectos con programas educativos de alta calidad y enfoque en la mejora continua. Ofrece programas a nivel licenciatura, especialización, maestría y doctorado, contribuyendo al desarrollo sustentable mediante la investigación y vinculación con diversos sectores. Su objetivo es formar egresados capaces de abordar problemas sociales actuales, promoviendo la inclusión y la sustentabilidad en el diseño de espacios habitables.",
-            "objetivo": "El objetivo es formar arquitectos de manera integral, con habilidades técnicas y sociales para diseñar soluciones arquitectónicas sostenibles que aborden las necesidades del entorno cultural, social y económico a nivel global. Se promueve una actitud comprometida y responsable en la práctica profesional, así como la búsqueda continua de innovación tecnológica para mejorar la calidad de vida de los usuarios."
-        },
-        "Contabilidad":{
-            "campusDisponibles": <div id="campusDisponibles"><span id="campus1">Xalapa</span><span>Orizaba</span></div>,
-            "descripcion":"La contabilidad es crucial para el desarrollo socioeconómico al promover la creación de empresas y atraer inversiones, asegurando un funcionamiento económico estable y estimulando la creación de empleo. Proporciona información financiera esencial para la toma de decisiones, satisfaciendo las necesidades de entidades transnacionales y participantes en los mercados globales.",
-            "conocimientos":"Conocimientos básicos de las ciencias económicas y administrativas.",
-            "habilidades":"Planeación y Organización de trabajo, creatividad, razonamiento lógico, razonamiento matemático, liderazgo, negociación, trabajo en equipo.",
-            "actitudes":"Adaptación al cambio, analizar y sintetizar información, aprender investigar actitudes, seguridad, superación, iniciativa emprendedora, respeto, compromiso, responsabilidad, honestidad, integridad",
-            "egreso":"El egresado de la Licenciatura en Contaduría será un profesional ético y responsable, con sólidos conocimientos en contabilidad financiera, administrativa, auditoría, finanzas y fiscalidad. Estará preparado para enfrentar los desafíos organizacionales en un contexto global y podrá actuar como agente de cambio y líder en su campo de estudio.",
-            "mision":"El programa de Licenciatura en Contaduría forma profesionales comprometidos, con habilidades críticas y creativas, adaptados a los avances tecnológicos y respetuosos de la biodiversidad y multiculturalidad. Su objetivo es impactar positivamente en entidades económicas y la sociedad a nivel local, regional, nacional e internacional, buscando la excelencia.",
-            "vision":"Ser un programa educativo de excelencia, innovador, flexible, abierto al cambio en la formación integral y en la generación y aplicación del conocimiento; reconocido como formador de profesionales líderes, con un alto compromiso social y respeto a la sustentabilidad.",
-            "objetivo":"La formación en Contaduría busca crear profesionales competentes en sistemas de información financiera, administrativa y fiscal, con valores éticos, humanísticos y espíritu emprendedor. Se enfoca en la generación de información útil para micro, pequeñas y medianas empresas, reduciendo el riesgo de fracaso y promoviendo el desarrollo sustentable, sin descuidar su contribución a grandes empresas y otros sectores."
-        },
-        "Economía":{
-            "campusDisponibles": <div id="campusDisponibles"><span id="campus1">Xalapa</span><span>Orizaba</span></div>,
-            "descripcion":"El Programa Educativo de la Licenciatura en Economía está integrado por saberes axiológicos fundamentales y complementarios con los saberes teóricos y heurísticos que deben prevalecer en la formación y desempeño profesional.",
-            "conocimientos":"Manejo apropiado del lenguaje oral y escrito.",
-            "habilidades":"Facilidad para generar y procesar información, manejo de herramientas técnicas y cuantitativas para diagnosticar y ofrecer soluciones a los problemas económicos.",
-            "actitudes":"Vocación para indagar las causas y evolución de la problemática económica de la sociedad.",
-            "egreso":"El programa se enfoca en comprender la realidad socioeconómica a nivel local, regional, nacional e internacional, así como las interacciones entre el Estado, la economía y la sociedad, mediante un enfoque teórico-metodológico. Se promueve la investigación y análisis socioeconómico para entender el impacto de las políticas públicas en aspectos como el empleo, la inflación y la distribución del ingreso, proponiendo soluciones para mejorar la gestión institucional y reducir la pobreza.",
-            "mision":"Formar economistas con un acervo teórico, metodológico e instrumental, que les permita insertarse de manera efectiva al mercado laboral, con aptitudes para analizar los problemas económicos y proponer soluciones en el ámbito local, regional y nacional, con sentido ético y compromiso con la equidad y la justicia social.",
-            "vision":"Ser un programa educativo líder en México, en la generación, transmisión y aplicación del conocimiento de la ciencia económica, con reconocimiento nacional e internacional, certificado en calidad por las instancias correspondientes.",
-            "objetivo":"Formar economistas habilitados para entender su entorno económico y social, capacitados para contribuir a la atención de necesidades de la realidad actual."
-        },
-        "Administración":{
-            "campusDisponibles": <div id="campusDisponibles"><span id="campus1">Xalapa</span><span>Orizaba</span></div>,
-            "descripcion":"La administración integra conocimientos sobre la conducta humana y requiere habilidades multidisciplinarias para resolver problemas organizacionales. Los administradores deben dominar técnicas de diagnóstico y tomar decisiones eficaces para alcanzar objetivos. Por tanto, necesitan conocimientos en psicología, sociología, contabilidad, finanzas, informática, matemáticas, estadísticas, economía, derecho y ecología.",
-            "conocimientos":"Conocimientos relacionados a la cultura general, manejo de paquetería para oficina, manejo del idioma inglés que le permita establecer comunicación verbal y escrita.",
-            "habilidades":"Habilidades del pensamiento y lectura y redacción, razonamiento lógico y matemático.",
-            "actitudes":"Disciplina y trabajo en equipo.",
-            "egreso":"El egresado de la Licenciatura en Administración contará con una formación sólida en administración, lo que le capacitará para abordar los desafíos organizacionales y ofrecer servicios de calidad. Será capaz de tomar decisiones eficientes y aplicar el proceso administrativo en diversas áreas funcionales, contribuyendo a la competitividad y responsabilidad social de las organizaciones en contextos multiculturales.",
-            "mision":"Formar profesionales en ciencias administrativas que puedan abordar las necesidades sociales a través de la aplicación y difusión de conocimientos. Se busca que estos profesionales resuelvan problemas en diversas áreas organizacionales, promoviendo la competitividad y contribuyendo al logro de objetivos institucionales con calidad, pertinencia, responsabilidad y compromiso social.",
-            "vision":"La entidad busca destacar a nivel nacional e internacional con estándares de excelencia académica y de gestión, centrándose en la formación integral de profesionales con relevancia social. Sus programas académicos integran la docencia, investigación, creación y difusión cultural, en consonancia con las necesidades de desarrollo sostenible a nivel local, regional y nacional.",
-            "objetivo":"El programa de administración forma profesionales para abordar desafíos sociales, promoviendo una cultura de calidad y el desarrollo económico y social. Se enfoca en desarrollar habilidades de liderazgo, análisis y toma de decisiones en condiciones inciertas. También fomenta la aplicación de conocimientos estratégicos para mantener la competitividad y comprender el comportamiento humano en las organizaciones."
-        },
-        "Historia":{
-            "campusDisponibles": <div id="campusDisponibles"><span id="campus1">Xalapa</span><span>Orizaba</span></div>,
-            "descripcion":"Los docentes de la Facultad, mayormente con doctorado en Historia, fomentan el pensamiento histórico en los estudiantes y les proveen herramientas para comprender y difundir el conocimiento histórico. Promueven el análisis crítico de los procesos históricos y animan a los alumnos a reflexionar sobre su historia personal y social.",
-            "conocimientos":"Conocer y analizar los fenómenos socioeconómicos, políticos y culturales de México y el mundo en el pasado y el presente.",
-            "habilidades":"Razonamiento verbal y abstracto e interés por participar en la solución de los problemas socioeconómicos y políticos que afectan a la sociedad.",
-            "actitudes":"Aptitudes que le permitan adentrarse en la problemática disciplinar y le posibilite la inserción en el mercado laboral en las mejores condiciones posibles.",
-            "egreso":"El programa busca desarrollar habilidades de investigación en ciencias sociales, ofrecer soluciones basadas en análisis históricos a problemas contemporáneos, formar docentes, contribuir a la producción mediática, gestionar archivos y patrimonio histórico, y proporcionar asesoramiento a instituciones públicas y privadas sobre su contexto histórico y social.",
-            "mision":"El programa busca formar profesionales en Historia interesados en analizar críticamente los hechos y procesos históricos, ofreciendo explicaciones pertinentes que contribuyan al debate social. Se promueve el estudio crítico, la reflexión y la participación social para comprender el pasado y su relevancia en el presente.",
-            "vision":"La Facultad de Historia se compromete a ser una Institución de Educación Superior que contribuya a la formación de un espacio de reflexión y producción del conocimiento histórico. Su equipo de profesores integrales y responsables busca fortalecer una identidad disciplinar y universitaria socialmente responsable, crítica, incluyente e integradora.",
-            "objetivo":"La Facultad de Historia tiene como objetivo formar académicos y profesionales capaces de contribuir al conocimiento y desarrollo de la historia regional y nacional, así como a la reflexión sobre la realidad sociocultural del país. Busca que sus egresados sean competentes, comprometidos con el aprendizaje continuo y responsables socialmente, para abordar los problemas sociales y contribuir al desarrollo del estado y del país."
-        },
-        "Antropología":{
-            "campusDisponibles": <div id="campusDisponibles"><span id="campus1">Xalapa</span><span>Orizaba</span></div>,
-            "descripcion":"La Carrera de Antropología Histórica tiene el propósito de proporcionar una formación Profesionales sobre el patrimonio intangible como la memoria colectiva y la vida cotidiana y sus relaciones con el patrimonio cultural tangible.",
-            "conocimientos":"Conocimientos en el área de humanidades o artes y  conocimiento general de los problemas sociales mas recurrentes en el mundo y en el país.",
-            "habilidades":"Habilidades para los trabajadores prácticos de tipo instrumental.",
-            "actitudes":"Dominio de la comunicación oral y escrita para la lectura, comprensión y exposición de textos en lengua castellana.",
-            "egreso":"El perfil de egreso se define por la habilidad de diseñar y participar en proyectos interdisciplinarios de investigación y promoción cultural, con un énfasis en el patrimonio cultural. El egresado deberá poseer competencias interpretativas para su inserción profesional y social, y fomentar valores de respeto y tolerancia para el trabajo comunitario.",
-            "mision":"El programa forma profesionales con pensamiento crítico y ético para abordar problemáticas socio-culturales, promoviendo el desarrollo sostenible y el respeto a la diversidad cultural. Se integran a proyectos de investigación y vinculación para adquirir habilidades en docencia, investigación y gestión en campos antropológicos.",
-            "vision":"La Facultad de Antropología destaca a nivel nacional e internacional por su calidad educativa y su enfoque en la investigación y la vinculación social. Sus egresados tienen oportunidades para trabajar en diversos ámbitos o continuar sus estudios en programas de posgrado.",
-            "objetivo":"El programa promueve la valoración del patrimonio histórico-cultural mediante el análisis de entornos sociales y culturales, el desarrollo de habilidades comunicativas para el trabajo comunitario y el dominio de técnicas de conservación y difusión del patrimonio."
-        },
-        "Pedagogía":{
-            "campusDisponibles": <div id="campusDisponibles"><span id="campus1">Xalapa</span><span>Orizaba</span></div>,
-            "descripcion":"Otorga prioridad a la formación integral del estudiante universitario, convencida de que a través de sus egresados es como podrá 113 contribuir eficazmente a la transformación de la sociedad. Así su empeño se traduce en la realización plena de la persona humana, mediante la atención cuidadosa de todas sus dimensiones para orientar sus intenciones y tareas hacia el desarrollo de lo intelectual, humano, social y profesional.",
-            "conocimientos":"Conocimientos básicos del área social y humanista, mostrando interés hacia los problemas educativos y del entorno social.",
-            "habilidades":"Habilidad para las relaciones interpersonales, manejo básico de herramientas tecnológicas que le permitan acceder anuevas formas de aprendizaje y comunicación.",
-            "actitudes":"Uso de elementos lingüísticos que le permitan comunicarse de manera oral y escrita.",
-            "egreso":"El estudiante investiga y utiliza información de diversas fuentes, utilizando tecnología de manera autónoma y respetando la propiedad intelectual. Además, crea entornos de aprendizaje basados en principios pedagógicos mediante diseño, planificación, implementación y evaluación didáctica.",
-            "mision":"La formación de profesionales en educación se basa en cultivar valores humanistas y desarrollar habilidades críticas y creativas para promover el cambio a través de proyectos pedagógicos en la sociedad.",
-            "vision":"Fomentar la movilidad estudiantil nacional e internacional, integrando saberes multidisciplinarios y valores adquiridos durante la formación, para influir positivamente en el entorno social y mejorar la calidad de vida mediante innovación, tecnología, proyectos sustentables y colaboración comunitaria, con ética y responsabilidad social.",
-            "objetivo":"El objetivo es formar educadores con una perspectiva integral, crítica, reflexiva, colaborativa e innovadora, capaces de comprender, intervenir y valorar los procesos educativos en todas sus dimensiones, con el fin de promover el desarrollo continuo del país."
-        },
-        "Biología":{
-            "campusDisponibles": <div id="campusDisponibles"><span id="campus1">Xalapa</span><span>Orizaba</span></div>,
-            "descripcion":"El programa educa para enfrentar desafíos en conservación de biodiversidad, seguridad alimentaria, salud, gestión de residuos y energía renovable.",
-            "conocimientos":"Ciencias naturales y exactas así como de antropología, sociología y ética.",
-            "habilidades":"Capacidad de análisis y de síntesis, capacidad de observación y creatividad, agudeza perceptiva y destreza manual",
-            "actitudes":"Disciplina para el estudio, disponibilidad para el trabajo en equipo en actividades propias de la carrera, entre ellas, prácticas de laboratorio y de campo.",
-            "egreso":"Administra programas de conservación con mínimo impacto, aplica biología para salud y ambiente, propone soluciones bajo normativa ambiental.",
-            "mision":"Formar profesionales en el conocimiento, conservación y uso de la biodiversidad para coadyuvar al desarrollo sostenible a través de la aplicación de competencias integrales.",
-            "vision":"Promover la difusión del conocimiento sobre el manejo sostenible de la biodiversidad, especialmente en Veracruz, mediante innovación educativa, tecnologías de información, investigación y pensamiento complejo para satisfacer las necesidades de formación y actualización de los egresados.",
-            "objetivo":"Formar profesionales en biología con compromiso social y capacidad para abordar problemas ambientales como contaminación, pérdida de biodiversidad y cambio climático."
-        },
-        "Química":{
-            "campusDisponibles": <div id="campusDisponibles"><span id="campus1">Xalapa</span><span>Orizaba</span></div>,
-            "descripcion":"El programa de ingeniería química está reconocido y acreditado por formar profesionales competentes y responsables, tanto en licenciatura como en posgrado. Se enfoca en valores de colaboración y éxito académico del estudiante, según su Modelo Educativo Integral y Flexible.",
-            "conocimientos":"Ciencias físicas, matemáticas y químicas, razonamiento para el entendimiento de las transformaciones fisicoquímicas.",
-            "habilidades":"Habilidad para el estudio de técnicas propias de la ingeniería, tales como, estadística, computación, ingeniería económica, comunicación gráfica, comprensión y redacción",
-            "actitudes":"Matemática y razonamiento abstracto, trabajo en equipo",
-            "egreso":"La Universidad prepara ingenieros químicos con sólidos conocimientos y habilidades para diagnosticar, controlar procesos químicos, diseñar instalaciones industriales, gestionar tecnologías ambientalmente responsables y desarrollar soluciones innovadoras para desafíos sociales y económicos.",
-            "mision": "La universidad forma líderes en Ingeniería Química, Ambiental y de Alimentos, y programas relacionados, mediante la enseñanza, investigación, conexión con la comunidad y calidad ética. Opera en instalaciones adecuadas, con responsabilidad social, transparencia y compromiso con el desarrollo sostenible, manteniendo su prestigio institucional.",
-            "vision": "La institución es reconocida por su calidad en la formación de profesionales en ingeniería química, ambiental y de alimentos, a nivel nacional e internacional, con responsabilidad social, innovación y enfoque en el desarrollo sustentable.",
-            "objetivo": "Formar profesionales integrales en Ingeniería Química, comprometidos con el aprendizaje continuo y la responsabilidad social, capaces de contribuir con soluciones innovadoras a problemas sociales en su campo de competencia."
-        },
-        "Agronomía":{
-            "campusDisponibles": <div id="campusDisponibles"><span id="campus1">Xalapa</span><span>Orizaba</span></div>,
-            "descripcion":"El programa de Ingeniero Agrónomo busca abordar los desafíos de la producción y productividad agroindustrial, fomentando el conocimiento teórico y tecnológico. Su objetivo es formar profesionales con una visión integral y crítica, capaces de interpretar y transformar la realidad agropecuaria hacia una agricultura sustentable y productiva, en beneficio de los productores y los recursos naturales.",
-            "conocimientos":"Capacidad de razonamiento abstracto, numérico, espacial y verbal",
-            "habilidades":"Lectura, análisis y redacción de documentos. Dominio en la utilización de herramientas tecnológicas",
-            "actitudes":"Vocación, iniciativa propia, alto sentido de organización y adaptabilidad a diferentes medios sociales.",
-            "egreso":"El ingeniero agrónomo egresado será competente en abordar la problemática de producción, interpretar y divulgar conocimientos agropecuarios, evaluar el uso de recursos naturales, aplicar técnicas para mejorar la producción de especies vegetales y animales, practicar una agricultura sostenible, preservar la identidad cultural y promover el desarrollo comunitario en el sector rural.",
-            "mision": "Formar profesionales con sólidos conocimientos científicos, técnicos y humanísticos, comprometidos con el desarrollo sustentable de los recursos naturales del país y capacitados para analizar y resolver los desafíos en la producción agropecuaria y forestal a través de la generación y aplicación del conocimiento.",
-            "vision": "La meta es ser una institución líder, reconocida por su excelencia académica y comprometida con el desarrollo sostenible del país. A través de sus funciones esenciales, busca ser un referente clave para la formulación de políticas agropecuarias, forestales y educativas tanto en el ámbito público como en el privado.",
-            "objetivo":"Formar ingenieros agrónomos conscientes y responsables para abordar los desafíos de la producción y productividad agroindustrial en México. Desarrollar habilidades tecnológicas y promover valores éticos y sociales, comprometidos con el sector rural y la sociedad en general."
-        }
-    };
-        
-
-    const handleAreaChange = (event) => {
-        setArea(event.target.value);
-        setLicenciatura(licenciaturas[event.target.value][0]);
-    };
-    const handleLicenciaturaChange = (event) => {
-        setLicenciatura(event.target.value);
-    };
-
-    return (
-        <>
-            <div id="bodyLicenciatura">
-                <Encabezado/>
-                <h1 id="h1Programas">Programas Educativos</h1>
-                <div id="opciones">
-                    <label id="labelSelect">Seleccionar área:</label>
-                    <select id="area" name="area" onChange={handleAreaChange}>
-                    <option value="Tecnica">Técnica</option>
-                    <option value="Economica">Economica-Administrativa</option>
-                    <option value="Humanidades">Humanidades</option>
-                    <option value="Biologicas">Biológicas y Agropecuarias</option>
-                </select>
-                <label id="labelSelect">Seleccionar carrera:</label>
-                <select id="licenciaturas" name="licenciaturas"   onChange={handleLicenciaturaChange}>
-                    {licenciaturas[area].map((licenciatura) => (
-                        <option key={licenciatura} value={licenciatura}>
-                            {licenciatura}
-                        </option>
-                    ))}
-                </select>
-                
-                </div>
-                
-                <div id="informacion">
-                    <p id="grupoP">
-                      <span id="subtitulo">Campus:
-                        {infoLicenciaturas[licenciatura].campusDisponibles}
-                      </span>
-                    </p>
-                    <p id="grupoP">
-                        <span id="subtitulo">Descripción:</span>
-                        <p id="subtituloTexto">
-                            {infoLicenciaturas[licenciatura].descripcion}
-                            </p>
-                    </p>
-                    <p id="grupoP">
-                      <span id="subtitulo">Perfil de ingreso: 
-                        <li id="subtituloIngreso">Conocimientos: <span id="subtituloTexto"> {infoLicenciaturas[licenciatura].conocimientos}</span></li>
-                        <li id="subtituloIngreso">Habilidades: <span id="subtituloTexto">{infoLicenciaturas[licenciatura].habilidades}</span></li>
-                        <li id="subtituloIngreso">Actitudes: <span id="subtituloTexto">{infoLicenciaturas[licenciatura].actitudes}</span></li>
-                      </span>
-                      
-                      
-                    </p>
-                    <p id="grupoP">
-                        <span id="subtitulo">Perfil de egreso:</span>
-                        <p id="subtituloTexto">
-                        {infoLicenciaturas[licenciatura].egreso}
-                        </p>
-                    </p>
-                    <p id="grupoP">
-                      <span id="subtitulo">Misión:</span>
-                      <p id="subtituloTexto">
-                      {infoLicenciaturas[licenciatura].mision}
-                        </p>
-                        
-                    </p>
-                    <p id="grupoP">
-                      <span id="subtitulo">Visión:</span>
-                      <p id="subtituloTexto">
-                      {infoLicenciaturas[licenciatura].vision}
-                        </p>
-                    </p>
-                    <p id="grupoP">
-                      <span id="subtitulo">Objetivo:</span>
-                      <p id="subtituloTexto">
-                      {infoLicenciaturas[licenciatura].objetivo}
-                        </p>
-                    </p>
-                        
-                </div>
-                <input type="submit" className="btnElegirCarrera" value="Elegir Licenciatura" />
-            </div>
-        </>
-    );
-};
-
-export default Licenciatura;

frontend/src/OfertaEducativa.jsx

@@ -1,61 +0,0 @@
-import { Outlet } from 'react-router-dom';
-import './OfertaEducativa.css'
-import Encabezado from './Encabezado';
-
-function OfertaEducativa (){
-    return (
-        <>
-                
-                    <Encabezado/>
-              
-                <h1 className='tituloOE'>Oferta Educativa</h1>
-                <div className='container'>
-                    <div className='area' id='areaTecnica'>
-                        Área Técnica
-                        <div className='listaLic'>
-                            <ul>
-                                <li>Licenciatura en Matemáticas</li>
-                                <li>Licenciatura en Física</li>
-                                <li>Licenciatura en Arquitectura</li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div className='area'>
-                        Área Económico-Administrativo
-                        <div className='listaLic'>
-                        <ul>
-                            <li>Licenciatura en Contabilidad</li>
-                            <li>Licenciatura en Economía</li>
-                            <li>Licenciatura en Administración</li>
-                        </ul>
-                        </div>
-                    </div>
-                    <div className='area'>
-                        Área de Humanidades
-                        <div className='listaLic'>
-                        <ul>
-                            <li>Licenciatura en historia</li>
-                            <li>Licenciatura en Antropología</li>
-                            <li>Licenciatura en Pedagogía</li>
-                        </ul>
-                        </div>
-                    </div>
-                    <div className='area' id='areaBiologica'>
-                        Área de Biológicas y Agropecuarias
-                        <div className='listaLic'>
-                        <ul>
-                            <li>Licenciatura en Biología</li>
-                            <li>Ingeniería Química</li>
-                            <li>Ingeniero Agrónomo</li>
-                        </ul>
-                        </div>
-                    </div>
-                </div>
-                <footer className='footerOE'>
-                © 2024 Universidad Filadelfia. Todos los derechos reservados.
-                </footer>
-        </>
-    );
-}
-
-export default OfertaEducativa

frontend/src/Preinscripcion.jsx

@@ -1,34 +0,0 @@
-import SubirPDF from "./SubirPDF";
-import React from 'react';
-import './Preinscripcion.css'
-import Encabezado from "./Encabezado";
-
-const App = () => {
-  return (
-    <>
-      <div id="bodyPre">
-        <Encabezado/>
-      <h1 id="h1Pre">Proceso de Preinscripción</h1>
-      <p id="p1Pre">¡Bienvenido a esta gran comunidad estudiantil!</p>
-      <p id="p2Pre">Para dar seguimiento al proceso de preinscripción es necesario que subas los siguientes documentos en formato pdf que se te solicitan.</p>
-      <label id="labelPre">Certificado de bachillerato</label>
-      <div>
-      <SubirPDF/>
-      </div>
-      <label id="labelPre">Acta de nacimiento certificada</label>
-      <div>
-      <SubirPDF/>
-      </div>
-      <label id="labelPre">Clave Única de Registro de Población (CURP)</label>
-      <div>
-      <SubirPDF/>
-      </div>
-      <footer className='footerOE'>
-                © 2024 Universidad Filadelfia. Todos los derechos reservados.
-      </footer>
-      </div>
-    </>
-  );
-};
-
-export default App;

frontend/src/Registro.jsx

@@ -1,120 +0,0 @@
-import React from 'react';
-import './Registro.css'; // Estilo para el formulario
-import Encabezado from './Encabezado';
-
-const Registro = () => {
-
-  return (
-      <div className="bodyRegistro">
-        <Encabezado/>
-        <h1 className='titRegistro'>Registro</h1>
-        <h4>Datos Personales</h4>
-        <form className='formRegistro'>
-          <div className="campo">
-            <label htmlFor="nombre">Nombre:</label>
-            <input type="text" id="nombre" name='nombre'/>
-          </div>
-          <div className="campo">
-            <label htmlFor="apellidoPaterno">Apellido Paterno:</label>
-            <input type="text" id="apellidoPaterno" name='apellidoPaterno'/>
-          </div>
-          <div className="campo">
-            <label htmlFor="apellidoMaterno">Apellido Materno:</label>
-            <input type="text" id="apellidoMaterno" name="apellidoMaterno" />
-          </div>
-          <div className="campo">
-            <label htmlFor="sexo">Sexo:</label>
-            <select id="sexo" name="sexo">
-              <option value="Masculino">Masculino</option>
-              <option value="Femenino">Femenino</option>
-            </select>
-          </div>
-          <div className="campo">
-            <label htmlFor="nacimiento">Fecha Nacimiento:</label>
-            <input type="date" id="nacimiento" name="nacimiento"/>
-          </div>
-          <div className="campo">
-            <label htmlFor="nacionalidad">Nacionalidad:</label>
-            <input type="text" id="nacionalidad" name="nacionalidad"/>
-          </div>
-          <div className="campo">
-            <label htmlFor="ciudad">Ciudad:</label>
-            <input type="text" id="ciudad" name="ciudad"/>
-          </div>
-          <div className="campo">
-            <label htmlFor="direccion">Dirección:</label>
-            <input type="text" id="direccion" name="direccion"/>
-          </div>
-          <div className="campo">
-            <label htmlFor="codigoPostal">Código Postal:</label>
-            <input type="text" id="codigoPostal" name="codigoPostal"/>
-          </div>
-          <div className="campo" id='campoTelefono'>
-            <label htmlFor="telefono">Teléfono:</label>
-            <input type="text" id="telefono" name="telefono"/>
-          </div>
-          <div className="campo" id='campoTelefonoCasa'>
-            <label htmlFor="telefonoCasa">Teléfono Casa:</label>
-            <input type="text" id="telefonoCasa" name="telefonoCasa"/>
-          </div>
-          <div className="campo" id='campoCorreo'>
-            <label htmlFor="correo">Correo:</label>
-            <input type="email" id="correo" name="correo"/>
-          </div>
-          <div className="campo"id='campoContraseña'>
-            <label htmlFor="contrasena">Contraseña:</label>
-            <input type="password" id="contrasena" name="contrasena"/>
-          </div>
-        </form>
-        
-          <h4>Datos de Tutor</h4>
-          <form className='formRegistro'>
-          <div className="campo">
-            <label htmlFor="nombre">Nombre:</label>
-            <input type="text" id="nombre" name='nombre'/>
-          </div>
-          <div className="campo">
-            <label htmlFor="apellidoPaterno">Apellido Paterno:</label>
-            <input type="text" id="apellidoPaterno" name='apellidoPaterno'/>
-          </div>
-          <div className="campo">
-            <label htmlFor="apellidoMaterno">Apellido Materno:</label>
-            <input type="text" id="apellidoMaterno" name="apellidoMaterno" />
-          </div>
-          <div className="campo">
-            <label htmlFor="sexo">Sexo:</label>
-            <select id="sexo" name="sexo">
-              <option value="Masculino">Masculino</option>
-              <option value="Femenino">Femenino</option>
-            </select>
-          </div>
-          <div className="campo">
-            <label htmlFor="parentesco">Parentesco:</label>
-            <input type="text" id="parentesco" name="parentesco"/>
-          </div>
-          <div className="campo">
-            <label htmlFor="Numero Celular">Numero Celular:</label>
-            <input type="text" id="Numero Celular" name="Numero Celular"/>
-          </div>
-          <div className="campo">
-            <label htmlFor="Numero Casa">Numero Casa:</label>
-            <input type="text" id="Numero Casa" name="Numero Casa"/>
-          </div>
-          <div className="campo">
-            <label htmlFor="edad">Edad:</label>
-            <input type="text" id="edad" name="edad"/>
-          </div>
-          <div className="campo">
-            <label htmlFor="direccion">Dirección:</label>
-            <input type="text" id="direccion" name="direccion"/>
-          </div>
-        </form>
-        
-        <div className="btnenviar">
-            <input type="submit" className="boton" value="Registrar" />
-        </div>
-    </div>
-  );
-}
-
-export default Registro;

frontend/src/assets/Ajustes.jsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+function Ajustes() {
+  return <></>;
+}
+
+export default Ajustes;

frontend/src/assets/Encabezado.jsx

@@ -0,0 +1,33 @@
+import React from "react";
+import "../styles/Encabezado.css";
+
+function Encabezado() {
+  return (
+    <header className="headerOE">
+      <nav>
+        <ul>
+          <div className="grupo1">
+            <img id="logo" src="logo.png" alt="Imagen" />
+            <li className="tit">Universidad Filadelfia de México</li>
+          </div>
+          <div className="grupo2">
+            <li>
+              <a href="">Nosotros</a>
+            </li>
+            <li>
+              <a href="">Visión</a>
+            </li>
+            <li>
+              <a href="">Misión</a>
+            </li>
+            <li>
+              <a href="">Instalaciones</a>
+            </li>
+          </div>
+        </ul>
+      </nav>
+    </header>
+  );
+}
+
+export default Encabezado;

frontend/src/assets/Licenciatura.jsx

@@ -0,0 +1,405 @@
+import React, { useState } from "react";
+import "../styles/Licenciatura.css";
+import Encabezado from "./Encabezado.jsx";
+
+const Licenciatura = () => {
+  const [area, setArea] = useState("Tecnica");
+  const [licenciatura, setLicenciatura] = useState("Mátematicas");
+
+  const licenciaturas = {
+    Tecnica: ["Mátematicas", "Física", "Arquitectura"],
+    Economica: ["Contabilidad", "Economía", "Administración"],
+    Humanidades: ["Historia", "Antropología", "Pedagogía"],
+    Biologicas: ["Biología", "Química", "Agronomía"],
+  };
+
+  const infoLicenciaturas = {
+    Mátematicas: {
+      campusDisponibles: (
+        <div id="campusDisponibles">
+          <span id="campus1">Xalapa</span>
+          <span>Orizaba</span>
+        </div>
+      ),
+      descripcion:
+        "La Licenciatura en Matemáticas tiene como misión preservar, desarrollar y difundir la cultura matemática en beneficio de la sociedad. Se enfoca en la formación integral de profesionales altamente calificados en matemáticas y con sólidos principios éticos, capaces de integrarse en equipos interdisciplinarios para aplicar su conocimiento matemático en diversas áreas.",
+      conocimientos:
+        "Aritmética, álgebra, trogonometría, cálculo diferencial e integral, geometría euclidiana, geometría analítica.",
+      habilidades:
+        "Razonamiento abstracto, concentración, generalizar y particularizar.",
+      actitudes:
+        "Perseverancia, disciplina, interés científico y capacidad de trabajar en equipo.",
+      egreso:
+        "El egresado de la Licenciatura en Matemáticas adquiere una sólida formación profesional que le capacita para comunicar ideas matemáticas con claridad y precisión, enseñar matemáticas en diferentes niveles educativos, iniciar investigaciones en su campo, apoyar en el diseño y evaluación de cursos, aplicar conocimientos para resolver problemas en diversos campos como ciencia, tecnología, economía y sociedad, trabajar en equipos interdisciplinarios, interpretar fenómenos naturales de manera crítica y creativa, ser autodidacta, y mantener una actitud de superación constante y actualización.",
+      mision:
+        "La Facultad de Matemáticas se enfoca en desarrollar, difundir y preservar la cultura matemática, formando profesionales altamente académicos, con un enfoque humanista y comprometidos con la sustentabilidad.",
+      vision:
+        "La Facultad de Matemáticas se destaca con una planta docente que genera una producción científica influyente y certificada por organismos externos, lo que garantiza la calidad de sus programas educativos. Este entorno propicia el desarrollo integral de los estudiantes, promoviendo valores de sustentabilidad y respeto a los derechos humanos.",
+      objetivo:
+        "Formar profesionistas de las matemáticas que destaquen por su constancia, creatividad, responsabilidad, compromiso social y aprendizaje de por vida, y como consecuencia participen de manera multi e interdisciplinaria en la docencia, en la generación y aplicación del conocimiento matemático en beneficio de la sociedad.",
+    },
+    Física: {
+      campusDisponibles: (
+        <div id="campusDisponibles">
+          <span id="campus1">Xalapa</span>
+          <span>Orizaba</span>
+        </div>
+      ),
+      descripcion:
+        "El profesional en Física tiene un amplio espectro de funciones, desde investigación hasta aplicaciones prácticas en industrias y servicios como PEMEX o CFE. El programa educativo consta de 422 créditos y ofrece dos áreas terminales: investigación, para quienes buscan posgrados, y aplicada, que prepara para docencia, análisis de datos o cómputo científico. El dominio del inglés es necesario para la acreditación.",
+      conocimientos:
+        "álgebra, trigonometría, cálculo diferencial e integral, geometría analítica, y cursos básicos de mecánica, electromagnetismo y termodinámica.",
+      habilidades:
+        "Habilidad para realizar abstracciones, el uso del lenguaje matemático y asimilar conceptos y conocimientos nuevos.",
+      actitudes:
+        "Disciplina, disposición para trabajar en equipo y para el trabajo autodidacta.",
+      egreso:
+        "El egresado de la Licenciatura en Física estará capacitado para trabajar en una amplia gama de sectores, incluyendo gobierno, educación, investigación, industria y empresas, tanto a nivel nacional como internacional. Además, estará preparado para realizar estudios de posgrado y resolver problemas utilizando modelos matemáticos y métodos computacionales. Sus habilidades le permitirán identificar y proponer soluciones a desafíos en su campo, tanto en entornos laborales como sociales a nivel local y global.",
+      mision:
+        "La Facultad de Física se enfoca en el desarrollo y difusión de las ciencias físicas mediante la formación de recursos humanos y la investigación de alta calidad. Los estudiantes reciben una formación integral que les proporciona habilidades en liderazgo, manejo de herramientas, programación, pensamiento abstracto, docencia y realización de experimentos rigurosos. Esto les permite ingresar al sector productivo o continuar con estudios de posgrado para involucrarse en investigación, innovación y desarrollo tecnológico en el ámbito educativo o industrial.",
+      vision:
+        "La Facultad de Física busca ser un referente en el sureste mexicano, reconocida por la excelencia académica de sus programas educativos científica y socialmente relevantes, la calidad de sus egresados, la enseñanza y la investigación básica y aplicada de vanguardia con un impacto significativo en la sociedad y la región.",
+      objetivo:
+        "El objetivo general de la facultad es formar profesionales en Física con competencias para abordar eficazmente los desafíos planteados por la ciencia, la academia, la sociedad, la industria y la empresa, a nivel local y global. Se promueve una actitud crítica, humanista y solidaria, junto con un compromiso ambiental, considerando la complejidad de la realidad. A través de la enseñanza, investigación, difusión cultural y servicios comunitarios, se busca contribuir a una sociedad más productiva, justa y segura, con responsabilidad social y transparencia.",
+    },
+    Arquitectura: {
+      campusDisponibles: (
+        <div id="campusDisponibles">
+          <span id="campus1">Xalapa</span>
+          <span>Orizaba</span>
+        </div>
+      ),
+      descripcion:
+        "El Programa de Arquitectura, ofrece una educación superior de calidad reconocida nacional e internacionalmente, que brinda a los futuros arquitectos la adquisición de herramientas y actitudes necesarias para el desarrollo permanente del conocimiento de la disciplina, que le permitan como egresado dar solución a los problemas y demandas de la sociedad. Dicho plan posee un total de 505 créditos de los que el alumno debe acreditar 415 para obtener el grado, lo anterior en un tiempo estándar de 9 semestres.",
+      conocimientos:
+        "Razonamiento aritmético, algebraico, estadístico y probabilístico, geométrico y trigonométrico.",
+      habilidades:
+        "Expresión gráfica (dibujo técnico y mano alzada), básicos de cómputo, conocimientos sobre propiedades de los materiales, óptica.",
+      actitudes:
+        "Constancia, disciplina, actitud crítica, capacidad reflexiva, actitud proactiva para encontrar soluciones sostenibles, actitud de atención al cuerpo y cuidado de la salud, apreciación del arte, convivencia con inclusión e igualdad, colaboración y trabajo en equipo.",
+      egreso:
+        "El egresado en Arquitectura debe ser un individuo integral, consciente y comprometido con su entorno, cuyo trabajo profesional se fundamenta en una relación equilibrada entre sociedad y territorio. Debe ser competente e innovador, capaz de resolver de manera creativa los desafíos estéticos y técnicos de los espacios arquitectónicos y urbanos de forma sostenible. Para ello, debe utilizar tecnologías relevantes y generar y gestionar soluciones espaciales, sociales y ambientalmente responsables.",
+      mision:
+        "La Facultad de Arquitectura se centra en la docencia, investigación, vinculación y gestión, con énfasis en proyectos arquitectónicos, edificación, humanismo y urbanismo, orientados a abordar problemas contemporáneos. Su formación va desde licenciatura hasta doctorado, destacando la sostenibilidad, humanismo, tecnología e innovación, con un enfoque en la pertinencia, equidad y ética. Mantiene colaboraciones estrechas con sectores gubernamentales, sociales, productivos y educativos, promoviendo el desarrollo sustentable para una sociedad inclusiva, humana, justa y segura.",
+      vision:
+        "La Facultad de Arquitectura lidera la formación de arquitectos con programas educativos de alta calidad y enfoque en la mejora continua. Ofrece programas a nivel licenciatura, especialización, maestría y doctorado, contribuyendo al desarrollo sustentable mediante la investigación y vinculación con diversos sectores. Su objetivo es formar egresados capaces de abordar problemas sociales actuales, promoviendo la inclusión y la sustentabilidad en el diseño de espacios habitables.",
+      objetivo:
+        "El objetivo es formar arquitectos de manera integral, con habilidades técnicas y sociales para diseñar soluciones arquitectónicas sostenibles que aborden las necesidades del entorno cultural, social y económico a nivel global. Se promueve una actitud comprometida y responsable en la práctica profesional, así como la búsqueda continua de innovación tecnológica para mejorar la calidad de vida de los usuarios.",
+    },
+    Contabilidad: {
+      campusDisponibles: (
+        <div id="campusDisponibles">
+          <span id="campus1">Xalapa</span>
+          <span>Orizaba</span>
+        </div>
+      ),
+      descripcion:
+        "La contabilidad es crucial para el desarrollo socioeconómico al promover la creación de empresas y atraer inversiones, asegurando un funcionamiento económico estable y estimulando la creación de empleo. Proporciona información financiera esencial para la toma de decisiones, satisfaciendo las necesidades de entidades transnacionales y participantes en los mercados globales.",
+      conocimientos:
+        "Conocimientos básicos de las ciencias económicas y administrativas.",
+      habilidades:
+        "Planeación y Organización de trabajo, creatividad, razonamiento lógico, razonamiento matemático, liderazgo, negociación, trabajo en equipo.",
+      actitudes:
+        "Adaptación al cambio, analizar y sintetizar información, aprender investigar actitudes, seguridad, superación, iniciativa emprendedora, respeto, compromiso, responsabilidad, honestidad, integridad",
+      egreso:
+        "El egresado de la Licenciatura en Contaduría será un profesional ético y responsable, con sólidos conocimientos en contabilidad financiera, administrativa, auditoría, finanzas y fiscalidad. Estará preparado para enfrentar los desafíos organizacionales en un contexto global y podrá actuar como agente de cambio y líder en su campo de estudio.",
+      mision:
+        "El programa de Licenciatura en Contaduría forma profesionales comprometidos, con habilidades críticas y creativas, adaptados a los avances tecnológicos y respetuosos de la biodiversidad y multiculturalidad. Su objetivo es impactar positivamente en entidades económicas y la sociedad a nivel local, regional, nacional e internacional, buscando la excelencia.",
+      vision:
+        "Ser un programa educativo de excelencia, innovador, flexible, abierto al cambio en la formación integral y en la generación y aplicación del conocimiento; reconocido como formador de profesionales líderes, con un alto compromiso social y respeto a la sustentabilidad.",
+      objetivo:
+        "La formación en Contaduría busca crear profesionales competentes en sistemas de información financiera, administrativa y fiscal, con valores éticos, humanísticos y espíritu emprendedor. Se enfoca en la generación de información útil para micro, pequeñas y medianas empresas, reduciendo el riesgo de fracaso y promoviendo el desarrollo sustentable, sin descuidar su contribución a grandes empresas y otros sectores.",
+    },
+    Economía: {
+      campusDisponibles: (
+        <div id="campusDisponibles">
+          <span id="campus1">Xalapa</span>
+          <span>Orizaba</span>
+        </div>
+      ),
+      descripcion:
+        "El Programa Educativo de la Licenciatura en Economía está integrado por saberes axiológicos fundamentales y complementarios con los saberes teóricos y heurísticos que deben prevalecer en la formación y desempeño profesional.",
+      conocimientos: "Manejo apropiado del lenguaje oral y escrito.",
+      habilidades:
+        "Facilidad para generar y procesar información, manejo de herramientas técnicas y cuantitativas para diagnosticar y ofrecer soluciones a los problemas económicos.",
+      actitudes:
+        "Vocación para indagar las causas y evolución de la problemática económica de la sociedad.",
+      egreso:
+        "El programa se enfoca en comprender la realidad socioeconómica a nivel local, regional, nacional e internacional, así como las interacciones entre el Estado, la economía y la sociedad, mediante un enfoque teórico-metodológico. Se promueve la investigación y análisis socioeconómico para entender el impacto de las políticas públicas en aspectos como el empleo, la inflación y la distribución del ingreso, proponiendo soluciones para mejorar la gestión institucional y reducir la pobreza.",
+      mision:
+        "Formar economistas con un acervo teórico, metodológico e instrumental, que les permita insertarse de manera efectiva al mercado laboral, con aptitudes para analizar los problemas económicos y proponer soluciones en el ámbito local, regional y nacional, con sentido ético y compromiso con la equidad y la justicia social.",
+      vision:
+        "Ser un programa educativo líder en México, en la generación, transmisión y aplicación del conocimiento de la ciencia económica, con reconocimiento nacional e internacional, certificado en calidad por las instancias correspondientes.",
+      objetivo:
+        "Formar economistas habilitados para entender su entorno económico y social, capacitados para contribuir a la atención de necesidades de la realidad actual.",
+    },
+    Administración: {
+      campusDisponibles: (
+        <div id="campusDisponibles">
+          <span id="campus1">Xalapa</span>
+          <span>Orizaba</span>
+        </div>
+      ),
+      descripcion:
+        "La administración integra conocimientos sobre la conducta humana y requiere habilidades multidisciplinarias para resolver problemas organizacionales. Los administradores deben dominar técnicas de diagnóstico y tomar decisiones eficaces para alcanzar objetivos. Por tanto, necesitan conocimientos en psicología, sociología, contabilidad, finanzas, informática, matemáticas, estadísticas, economía, derecho y ecología.",
+      conocimientos:
+        "Conocimientos relacionados a la cultura general, manejo de paquetería para oficina, manejo del idioma inglés que le permita establecer comunicación verbal y escrita.",
+      habilidades:
+        "Habilidades del pensamiento y lectura y redacción, razonamiento lógico y matemático.",
+      actitudes: "Disciplina y trabajo en equipo.",
+      egreso:
+        "El egresado de la Licenciatura en Administración contará con una formación sólida en administración, lo que le capacitará para abordar los desafíos organizacionales y ofrecer servicios de calidad. Será capaz de tomar decisiones eficientes y aplicar el proceso administrativo en diversas áreas funcionales, contribuyendo a la competitividad y responsabilidad social de las organizaciones en contextos multiculturales.",
+      mision:
+        "Formar profesionales en ciencias administrativas que puedan abordar las necesidades sociales a través de la aplicación y difusión de conocimientos. Se busca que estos profesionales resuelvan problemas en diversas áreas organizacionales, promoviendo la competitividad y contribuyendo al logro de objetivos institucionales con calidad, pertinencia, responsabilidad y compromiso social.",
+      vision:
+        "La entidad busca destacar a nivel nacional e internacional con estándares de excelencia académica y de gestión, centrándose en la formación integral de profesionales con relevancia social. Sus programas académicos integran la docencia, investigación, creación y difusión cultural, en consonancia con las necesidades de desarrollo sostenible a nivel local, regional y nacional.",
+      objetivo:
+        "El programa de administración forma profesionales para abordar desafíos sociales, promoviendo una cultura de calidad y el desarrollo económico y social. Se enfoca en desarrollar habilidades de liderazgo, análisis y toma de decisiones en condiciones inciertas. También fomenta la aplicación de conocimientos estratégicos para mantener la competitividad y comprender el comportamiento humano en las organizaciones.",
+    },
+    Historia: {
+      campusDisponibles: (
+        <div id="campusDisponibles">
+          <span id="campus1">Xalapa</span>
+          <span>Orizaba</span>
+        </div>
+      ),
+      descripcion:
+        "Los docentes de la Facultad, mayormente con doctorado en Historia, fomentan el pensamiento histórico en los estudiantes y les proveen herramientas para comprender y difundir el conocimiento histórico. Promueven el análisis crítico de los procesos históricos y animan a los alumnos a reflexionar sobre su historia personal y social.",
+      conocimientos:
+        "Conocer y analizar los fenómenos socioeconómicos, políticos y culturales de México y el mundo en el pasado y el presente.",
+      habilidades:
+        "Razonamiento verbal y abstracto e interés por participar en la solución de los problemas socioeconómicos y políticos que afectan a la sociedad.",
+      actitudes:
+        "Aptitudes que le permitan adentrarse en la problemática disciplinar y le posibilite la inserción en el mercado laboral en las mejores condiciones posibles.",
+      egreso:
+        "El programa busca desarrollar habilidades de investigación en ciencias sociales, ofrecer soluciones basadas en análisis históricos a problemas contemporáneos, formar docentes, contribuir a la producción mediática, gestionar archivos y patrimonio histórico, y proporcionar asesoramiento a instituciones públicas y privadas sobre su contexto histórico y social.",
+      mision:
+        "El programa busca formar profesionales en Historia interesados en analizar críticamente los hechos y procesos históricos, ofreciendo explicaciones pertinentes que contribuyan al debate social. Se promueve el estudio crítico, la reflexión y la participación social para comprender el pasado y su relevancia en el presente.",
+      vision:
+        "La Facultad de Historia se compromete a ser una Institución de Educación Superior que contribuya a la formación de un espacio de reflexión y producción del conocimiento histórico. Su equipo de profesores integrales y responsables busca fortalecer una identidad disciplinar y universitaria socialmente responsable, crítica, incluyente e integradora.",
+      objetivo:
+        "La Facultad de Historia tiene como objetivo formar académicos y profesionales capaces de contribuir al conocimiento y desarrollo de la historia regional y nacional, así como a la reflexión sobre la realidad sociocultural del país. Busca que sus egresados sean competentes, comprometidos con el aprendizaje continuo y responsables socialmente, para abordar los problemas sociales y contribuir al desarrollo del estado y del país.",
+    },
+    Antropología: {
+      campusDisponibles: (
+        <div id="campusDisponibles">
+          <span id="campus1">Xalapa</span>
+          <span>Orizaba</span>
+        </div>
+      ),
+      descripcion:
+        "La Carrera de Antropología Histórica tiene el propósito de proporcionar una formación Profesionales sobre el patrimonio intangible como la memoria colectiva y la vida cotidiana y sus relaciones con el patrimonio cultural tangible.",
+      conocimientos:
+        "Conocimientos en el área de humanidades o artes y  conocimiento general de los problemas sociales mas recurrentes en el mundo y en el país.",
+      habilidades:
+        "Habilidades para los trabajadores prácticos de tipo instrumental.",
+      actitudes:
+        "Dominio de la comunicación oral y escrita para la lectura, comprensión y exposición de textos en lengua castellana.",
+      egreso:
+        "El perfil de egreso se define por la habilidad de diseñar y participar en proyectos interdisciplinarios de investigación y promoción cultural, con un énfasis en el patrimonio cultural. El egresado deberá poseer competencias interpretativas para su inserción profesional y social, y fomentar valores de respeto y tolerancia para el trabajo comunitario.",
+      mision:
+        "El programa forma profesionales con pensamiento crítico y ético para abordar problemáticas socio-culturales, promoviendo el desarrollo sostenible y el respeto a la diversidad cultural. Se integran a proyectos de investigación y vinculación para adquirir habilidades en docencia, investigación y gestión en campos antropológicos.",
+      vision:
+        "La Facultad de Antropología destaca a nivel nacional e internacional por su calidad educativa y su enfoque en la investigación y la vinculación social. Sus egresados tienen oportunidades para trabajar en diversos ámbitos o continuar sus estudios en programas de posgrado.",
+      objetivo:
+        "El programa promueve la valoración del patrimonio histórico-cultural mediante el análisis de entornos sociales y culturales, el desarrollo de habilidades comunicativas para el trabajo comunitario y el dominio de técnicas de conservación y difusión del patrimonio.",
+    },
+    Pedagogía: {
+      campusDisponibles: (
+        <div id="campusDisponibles">
+          <span id="campus1">Xalapa</span>
+          <span>Orizaba</span>
+        </div>
+      ),
+      descripcion:
+        "Otorga prioridad a la formación integral del estudiante universitario, convencida de que a través de sus egresados es como podrá 113 contribuir eficazmente a la transformación de la sociedad. Así su empeño se traduce en la realización plena de la persona humana, mediante la atención cuidadosa de todas sus dimensiones para orientar sus intenciones y tareas hacia el desarrollo de lo intelectual, humano, social y profesional.",
+      conocimientos:
+        "Conocimientos básicos del área social y humanista, mostrando interés hacia los problemas educativos y del entorno social.",
+      habilidades:
+        "Habilidad para las relaciones interpersonales, manejo básico de herramientas tecnológicas que le permitan acceder anuevas formas de aprendizaje y comunicación.",
+      actitudes:
+        "Uso de elementos lingüísticos que le permitan comunicarse de manera oral y escrita.",
+      egreso:
+        "El estudiante investiga y utiliza información de diversas fuentes, utilizando tecnología de manera autónoma y respetando la propiedad intelectual. Además, crea entornos de aprendizaje basados en principios pedagógicos mediante diseño, planificación, implementación y evaluación didáctica.",
+      mision:
+        "La formación de profesionales en educación se basa en cultivar valores humanistas y desarrollar habilidades críticas y creativas para promover el cambio a través de proyectos pedagógicos en la sociedad.",
+      vision:
+        "Fomentar la movilidad estudiantil nacional e internacional, integrando saberes multidisciplinarios y valores adquiridos durante la formación, para influir positivamente en el entorno social y mejorar la calidad de vida mediante innovación, tecnología, proyectos sustentables y colaboración comunitaria, con ética y responsabilidad social.",
+      objetivo:
+        "El objetivo es formar educadores con una perspectiva integral, crítica, reflexiva, colaborativa e innovadora, capaces de comprender, intervenir y valorar los procesos educativos en todas sus dimensiones, con el fin de promover el desarrollo continuo del país.",
+    },
+    Biología: {
+      campusDisponibles: (
+        <div id="campusDisponibles">
+          <span id="campus1">Xalapa</span>
+          <span>Orizaba</span>
+        </div>
+      ),
+      descripcion:
+        "El programa educa para enfrentar desafíos en conservación de biodiversidad, seguridad alimentaria, salud, gestión de residuos y energía renovable.",
+      conocimientos:
+        "Ciencias naturales y exactas así como de antropología, sociología y ética.",
+      habilidades:
+        "Capacidad de análisis y de síntesis, capacidad de observación y creatividad, agudeza perceptiva y destreza manual",
+      actitudes:
+        "Disciplina para el estudio, disponibilidad para el trabajo en equipo en actividades propias de la carrera, entre ellas, prácticas de laboratorio y de campo.",
+      egreso:
+        "Administra programas de conservación con mínimo impacto, aplica biología para salud y ambiente, propone soluciones bajo normativa ambiental.",
+      mision:
+        "Formar profesionales en el conocimiento, conservación y uso de la biodiversidad para coadyuvar al desarrollo sostenible a través de la aplicación de competencias integrales.",
+      vision:
+        "Promover la difusión del conocimiento sobre el manejo sostenible de la biodiversidad, especialmente en Veracruz, mediante innovación educativa, tecnologías de información, investigación y pensamiento complejo para satisfacer las necesidades de formación y actualización de los egresados.",
+      objetivo:
+        "Formar profesionales en biología con compromiso social y capacidad para abordar problemas ambientales como contaminación, pérdida de biodiversidad y cambio climático.",
+    },
+    Química: {
+      campusDisponibles: (
+        <div id="campusDisponibles">
+          <span id="campus1">Xalapa</span>
+          <span>Orizaba</span>
+        </div>
+      ),
+      descripcion:
+        "El programa de ingeniería química está reconocido y acreditado por formar profesionales competentes y responsables, tanto en licenciatura como en posgrado. Se enfoca en valores de colaboración y éxito académico del estudiante, según su Modelo Educativo Integral y Flexible.",
+      conocimientos:
+        "Ciencias físicas, matemáticas y químicas, razonamiento para el entendimiento de las transformaciones fisicoquímicas.",
+      habilidades:
+        "Habilidad para el estudio de técnicas propias de la ingeniería, tales como, estadística, computación, ingeniería económica, comunicación gráfica, comprensión y redacción",
+      actitudes: "Matemática y razonamiento abstracto, trabajo en equipo",
+      egreso:
+        "La Universidad prepara ingenieros químicos con sólidos conocimientos y habilidades para diagnosticar, controlar procesos químicos, diseñar instalaciones industriales, gestionar tecnologías ambientalmente responsables y desarrollar soluciones innovadoras para desafíos sociales y económicos.",
+      mision:
+        "La universidad forma líderes en Ingeniería Química, Ambiental y de Alimentos, y programas relacionados, mediante la enseñanza, investigación, conexión con la comunidad y calidad ética. Opera en instalaciones adecuadas, con responsabilidad social, transparencia y compromiso con el desarrollo sostenible, manteniendo su prestigio institucional.",
+      vision:
+        "La institución es reconocida por su calidad en la formación de profesionales en ingeniería química, ambiental y de alimentos, a nivel nacional e internacional, con responsabilidad social, innovación y enfoque en el desarrollo sustentable.",
+      objetivo:
+        "Formar profesionales integrales en Ingeniería Química, comprometidos con el aprendizaje continuo y la responsabilidad social, capaces de contribuir con soluciones innovadoras a problemas sociales en su campo de competencia.",
+    },
+    Agronomía: {
+      campusDisponibles: (
+        <div id="campusDisponibles">
+          <span id="campus1">Xalapa</span>
+          <span>Orizaba</span>
+        </div>
+      ),
+      descripcion:
+        "El programa de Ingeniero Agrónomo busca abordar los desafíos de la producción y productividad agroindustrial, fomentando el conocimiento teórico y tecnológico. Su objetivo es formar profesionales con una visión integral y crítica, capaces de interpretar y transformar la realidad agropecuaria hacia una agricultura sustentable y productiva, en beneficio de los productores y los recursos naturales.",
+      conocimientos:
+        "Capacidad de razonamiento abstracto, numérico, espacial y verbal",
+      habilidades:
+        "Lectura, análisis y redacción de documentos. Dominio en la utilización de herramientas tecnológicas",
+      actitudes:
+        "Vocación, iniciativa propia, alto sentido de organización y adaptabilidad a diferentes medios sociales.",
+      egreso:
+        "El ingeniero agrónomo egresado será competente en abordar la problemática de producción, interpretar y divulgar conocimientos agropecuarios, evaluar el uso de recursos naturales, aplicar técnicas para mejorar la producción de especies vegetales y animales, practicar una agricultura sostenible, preservar la identidad cultural y promover el desarrollo comunitario en el sector rural.",
+      mision:
+        "Formar profesionales con sólidos conocimientos científicos, técnicos y humanísticos, comprometidos con el desarrollo sustentable de los recursos naturales del país y capacitados para analizar y resolver los desafíos en la producción agropecuaria y forestal a través de la generación y aplicación del conocimiento.",
+      vision:
+        "La meta es ser una institución líder, reconocida por su excelencia académica y comprometida con el desarrollo sostenible del país. A través de sus funciones esenciales, busca ser un referente clave para la formulación de políticas agropecuarias, forestales y educativas tanto en el ámbito público como en el privado.",
+      objetivo:
+        "Formar ingenieros agrónomos conscientes y responsables para abordar los desafíos de la producción y productividad agroindustrial en México. Desarrollar habilidades tecnológicas y promover valores éticos y sociales, comprometidos con el sector rural y la sociedad en general.",
+    },
+  };
+
+  const handleAreaChange = (event) => {
+    setArea(event.target.value);
+    setLicenciatura(licenciaturas[event.target.value][0]);
+  };
+  const handleLicenciaturaChange = (event) => {
+    setLicenciatura(event.target.value);
+  };
+
+  return (
+    <>
+      <div id="bodyLicenciatura">
+        <Encabezado />
+        <h1 id="h1Programas">Programas Educativos</h1>
+        <div id="opciones">
+          <label id="labelSelect">Seleccionar área:</label>
+          <select id="area" name="area" onChange={handleAreaChange}>
+            <option value="Tecnica">Técnica</option>
+            <option value="Economica">Economica-Administrativa</option>
+            <option value="Humanidades">Humanidades</option>
+            <option value="Biologicas">Biológicas y Agropecuarias</option>
+          </select>
+          <label id="labelSelect">Seleccionar carrera:</label>
+          <select
+            id="licenciaturas"
+            name="licenciaturas"
+            onChange={handleLicenciaturaChange}
+          >
+            {licenciaturas[area].map((licenciatura) => (
+              <option key={licenciatura} value={licenciatura}>
+                {licenciatura}
+              </option>
+            ))}
+          </select>
+        </div>
+
+        <div id="informacion">
+          <p id="grupoP">
+            <span id="subtitulo">
+              Campus:
+              {infoLicenciaturas[licenciatura].campusDisponibles}
+            </span>
+          </p>
+          <p id="grupoP">
+            <span id="subtitulo">Descripción:</span>
+            <p id="subtituloTexto">
+              {infoLicenciaturas[licenciatura].descripcion}
+            </p>
+          </p>
+          <p id="grupoP">
+            <span id="subtitulo">
+              Perfil de ingreso:
+              <li id="subtituloIngreso">
+                Conocimientos:{" "}
+                <span id="subtituloTexto">
+                  {" "}
+                  {infoLicenciaturas[licenciatura].conocimientos}
+                </span>
+              </li>
+              <li id="subtituloIngreso">
+                Habilidades:{" "}
+                <span id="subtituloTexto">
+                  {infoLicenciaturas[licenciatura].habilidades}
+                </span>
+              </li>
+              <li id="subtituloIngreso">
+                Actitudes:{" "}
+                <span id="subtituloTexto">
+                  {infoLicenciaturas[licenciatura].actitudes}
+                </span>
+              </li>
+            </span>
+          </p>
+          <p id="grupoP">
+            <span id="subtitulo">Perfil de egreso:</span>
+            <p id="subtituloTexto">{infoLicenciaturas[licenciatura].egreso}</p>
+          </p>
+          <p id="grupoP">
+            <span id="subtitulo">Misión:</span>
+            <p id="subtituloTexto">{infoLicenciaturas[licenciatura].mision}</p>
+          </p>
+          <p id="grupoP">
+            <span id="subtitulo">Visión:</span>
+            <p id="subtituloTexto">{infoLicenciaturas[licenciatura].vision}</p>
+          </p>
+          <p id="grupoP">
+            <span id="subtitulo">Objetivo:</span>
+            <p id="subtituloTexto">
+              {infoLicenciaturas[licenciatura].objetivo}
+            </p>
+          </p>
+        </div>
+        <input
+          type="submit"
+          className="btnElegirCarrera"
+          value="Elegir Licenciatura"
+        />
+      </div>
+    </>
+  );
+};
+
+export default Licenciatura;

frontend/src/assets/OfertaEducativa.jsx

@@ -0,0 +1,63 @@
+import { Outlet } from "react-router-dom";
+import "../styles/OfertaEducativa.css";
+import Encabezado from "./Encabezado";
+import { useParams } from "react-router-dom";
+
+function OfertaEducativa() {
+  const { id } = useParams();
+  const { nombre } = useParams();
+  console.log(usuario);
+  return (
+    <>
+      <Encabezado />
+      <h1 className="tituloOE">Oferta Educativa</h1>
+      <div className="container">
+        <div className="area" id="areaTecnica">
+          Área Técnica
+          <div className="listaLic">
+            <ul>
+              <li>Licenciatura en Matemáticas</li>
+              <li>Licenciatura en Física</li>
+              <li>Licenciatura en Arquitectura</li>
+            </ul>
+          </div>
+        </div>
+        <div className="area">
+          Área Económico-Administrativo
+          <div className="listaLic">
+            <ul>
+              <li>Licenciatura en Contabilidad</li>
+              <li>Licenciatura en Economía</li>
+              <li>Licenciatura en Administración</li>
+            </ul>
+          </div>
+        </div>
+        <div className="area">
+          Área de Humanidades
+          <div className="listaLic">
+            <ul>
+              <li>Licenciatura en historia</li>
+              <li>Licenciatura en Antropología</li>
+              <li>Licenciatura en Pedagogía</li>
+            </ul>
+          </div>
+        </div>
+        <div className="area" id="areaBiologica">
+          Área de Biológicas y Agropecuarias
+          <div className="listaLic">
+            <ul>
+              <li>Licenciatura en Biología</li>
+              <li>Ingeniería Química</li>
+              <li>Ingeniero Agrónomo</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <footer className="footerOE">
+        © 2024 Universidad Filadelfia. Todos los derechos reservados.
+      </footer>
+    </>
+  );
+}
+
+export default OfertaEducativa;

frontend/src/assets/Preinscripcion.jsx

@@ -0,0 +1,37 @@
+import SubirPDF from "./SubirPDF";
+import React from "react";
+import "../styles/Preinscripcion.css";
+import Encabezado from "./Encabezado";
+
+const App = () => {
+  return (
+    <>
+      <div id="bodyPre">
+        <Encabezado />
+        <h1 id="h1Pre">Proceso de Preinscripción</h1>
+        <p id="p1Pre">¡Bienvenido a esta gran comunidad estudiantil!</p>
+        <p id="p2Pre">
+          Para dar seguimiento al proceso de preinscripción es necesario que
+          subas los siguientes documentos en formato pdf que se te solicitan.
+        </p>
+        <label id="labelPre">Certificado de bachillerato</label>
+        <div>
+          <SubirPDF />
+        </div>
+        <label id="labelPre">Acta de nacimiento certificada</label>
+        <div>
+          <SubirPDF />
+        </div>
+        <label id="labelPre">Clave Única de Registro de Población (CURP)</label>
+        <div>
+          <SubirPDF />
+        </div>
+        <footer className="footerOE">
+          © 2024 Universidad Filadelfia. Todos los derechos reservados.
+        </footer>
+      </div>
+    </>
+  );
+};
+
+export default App;

frontend/src/assets/Registro.jsx

@@ -0,0 +1,91 @@
+import React, {useState} from 'react';
+import axios from 'axios'
+import '../styles/Registro.css'; // Estilo para el formulario
+
+function Registro(){
+  const [Cargando, setCargando] = useState(false);
+  const [alumno, setAlumno] = useState({
+    nombre: "",
+    apellido: "",
+    nacionalidad: "",
+    correo: "",
+  });
+
+  const limpiar = () => {
+    setAlumno((prevAlumno) => ({
+      ...prevAlumno,
+      nombre: "",
+      apellido: "",
+      nacionalidad: "",
+      correo: "",
+    }));
+  };
+
+  const hacerPeticion = async () => {
+    try {
+      const res = await axios.post("http://localhost:4567/agregarAlumno", alumno);
+      return res.data;
+    } catch (error) {
+      throw error;
+    }
+  };
+
+  const procesarFormulario = async (e) => {
+    e.preventDefault();
+    setCargando(true);
+    try {
+      const res = await hacerPeticion();
+      setCargando(false);
+      if (res.verificacion) {
+        limpiar();
+        alert("Producto Registrado Correctamente" + "Contraseña: " + res.contrasena +" Matricula: " +res.matricula);
+      } else {
+        alert("Error Producto No registrado");
+      }
+    } catch (error) {
+      console.log(error);
+      setCargando(false);
+    }finally{
+    }
+  };
+
+  const cambiosAlumno = (e) => {
+    const { name, value } = e.target;
+    setAlumno({
+      ...alumno,
+      [name]: value,
+    });
+  };
+
+  return (
+    <div className="formulario">
+      <h2>Registro</h2>
+      <div><h4>Datos Personales</h4></div>
+      <form className='form'>
+        <div className="campo">
+          <label htmlFor="nombre">Nombre:</label>
+
+          <input type="text" id="nombre" onChange={cambiosAlumno} name='nombre' value={alumno.nombre} />
+        </div>
+        <div className="campo">
+          <label htmlFor="apellidoPaterno">Apellidos:</label>
+          <input type="text" id="apellidoPaterno" onChange={cambiosAlumno} name='apellido' value={alumno.apellido} />
+        </div>
+        <div className="campo">
+          <label htmlFor="nacionalidad">Nacionalidad:</label>
+          <input type="text" id="nacionalidad" onChange={cambiosAlumno} name="nacionalidad" value={alumno.nacionalidad} />
+        </div>
+        <div className="campo">
+          <label htmlFor="correo">Correo:</label>
+          <input type="email" id="correo" onChange={cambiosAlumno} name="correo" value={alumno.correo} />
+        </div>
+      </form>
+      <div>
+        <button type="submit" className='boton' disabled={Cargando} onClick={procesarFormulario}>Registrarse</button>
+      </div>
+    </div>
+
+  );
+}
+
+export default Registro;

frontend/src/assets/login.jsx

@@ -0,0 +1,152 @@
+import React, { useState } from "react";
+import "../styles/login.css";
+import { NavLink, useNavigate } from "react-router-dom";
+import axios from "axios";
+
+function Login() {
+  const [cargando, setCargando] = useState(false);
+  const [datosUsuario, setDatosUsuario] = useState({
+    matricula: "",
+    contrasena: "",
+  });
+  const [usuario, setUsuario] = useState({
+    id: 0,
+    nombre: "",
+    contrasena: "",
+    correo: "",
+  });
+
+  const navigate = useNavigate(); // Usa el hook useNavigate para la navegación programática
+
+  const limpiar = () => {
+    setDatosUsuario({
+      matricula: "",
+      contrasena: "",
+    });
+  };
+
+  const hacerPeticion = async () => {
+    try {
+      const res = await axios.post(
+        "http://localhost:4567/usuarioValido",
+        datosUsuario
+      );
+      return res.data;
+    } catch (error) {
+      throw error;
+    }
+  };
+
+  const obtenerUsuario = async () => {
+    try {
+      const res = await axios.get(
+        `http://localhost:4567/alumnoIniciado?matricula=${datosUsuario.matricula}&contrasena=${datosUsuario.contrasena}`
+      );
+      return res.data;
+    } catch (error) {
+      throw error;
+    }
+  };
+
+  const procesarFormulario = async (e) => {
+    e.preventDefault();
+    setCargando(true);
+
+    try {
+      const res = await hacerPeticion();
+      setCargando(false);
+
+      if (res.existe) {
+        const aux = await obtenerUsuario();
+        setUsuario({
+          id: aux.id,
+          nombre: aux.nombre,
+          contrasena: aux.contrasena,
+          correo: aux.correo,
+        });
+        alert("¡Bienvenido! " + aux.nombre);
+        limpiar();
+
+        // Navega a la página objetivo después del inicio de sesión exitoso, pasando parámetros si es necesario
+        navigate(`/home/${aux.id}/${aux.nombre}`);
+      } else {
+        alert("Usuario No encontrado");
+      }
+    } catch (error) {
+      console.log(error);
+      setCargando(false);
+    }
+  };
+
+  const cambiosUsuario = (e) => {
+    const { name, value } = e.target;
+    setDatosUsuario({
+      ...datosUsuario,
+      [name]: value,
+    });
+  };
+
+  return (
+    <>
+      <body>
+        <header className="encabezado">
+          La universidad que esta para ti, ¡UNETE!
+        </header>
+        <div className="gridContainer">
+          <div className="imgColum">
+            <img src="imagen.jpg" alt="Imagen" />
+          </div>
+          <div className="loginColum">
+            <h1 className="bienvenida">Bienvenido</h1>
+            <form className="Formulario">
+              <input
+                type="text"
+                id="usuario"
+                onChange={cambiosUsuario}
+                value={datosUsuario.matricula}
+                name="matricula"
+              />
+              <label>Contraseña:</label>
+              <input
+                type="password"
+                id="password"
+                onChange={cambiosUsuario}
+                value={datosUsuario.contrasena}
+                name="contrasena"
+              />
+              <NavLink to="/registro">¿Aún no te has registrado?</NavLink>
+              <button
+                type="submit"
+                className="button"
+                disabled={cargando}
+                onClick={procesarFormulario}
+              >
+                Iniciar sesión
+              </button>
+            </form>
+          </div>
+        </div>
+
+        <footer>
+          <div id="footerId">
+            <a id="pie" href="">
+              uniregistro@outlook.com
+            </a>
+          </div>
+          <div id="footerId">
+            <a id="pie" href="">
+              uniBandeVer
+            </a>
+          </div>
+          <div id="footerId">
+            <a id="pie" href="">
+              4582349234
+            </a>
+          </div>
+        </footer>
+      </body>
+    </>
+  );
+}
+
+export default Login;

frontend/src/assets/react.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>

frontend/src/login.jsx

@@ -1,35 +0,0 @@
-import './login.css'
-
-function Login() {
-  return (
-  <>
-    <body>
-    <header className='encabezado'>La universidad que esta para ti, ¡UNETE!</header>
-      <div className='gridContainer'>
-        <div className='imgColum'>
-          <img src="imagen.jpg" alt='Imagen'/>
-        </div>
-        <div className='loginColum'>
-        <h1 className='bienvenida'>Bienvenido</h1>
-        <form className='Formulario'>
-          <label id='labelUsuario'>Usuario:</label>
-          <input type='text' id='usuario'/>
-          <label id='labelContraseña'>Contraseña:</label>
-          <input type="password" id='password'/>
-          <input type="submit" className="button" value="Iniciar Sesión" />
-        </form>
-        </div>
-      </div>
-      
-      <footer>  
-          <div id="footerId"><a id="pie" href=''>uniregistro@outlook.com</a></div>
-          <div id="footerId"><a id="pie" href=''>uniBandeVer</a></div>
-          <div id="footerId"><a id ="pie" href=''>4582349234</a></div>     
-    </footer>  
-    </body>
-  </>
-  );
-}
-
-export default Login
-

frontend/src/main.jsx

@@ -1,18 +1,26 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import OfertaEducativa from './OfertaEducativa.jsx'
-import Encabezado from './Encabezado.jsx'
-import Login from './login.jsx'
-import Registro from './Registro.jsx'
-import Licenciatura from './Licenciatura.jsx'
-import Preinscripcion from './Preinscripcion.jsx'
-import SubirPDF from './SubirPDF.jsx'
-
-ReactDOM.createRoot(document.getElementById('root')).render(
+import React from "react";
+import { createRoot } from "react-dom/client";
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import Login from "./assets/login.jsx";
+import Registro from "./assets/Registro.jsx";
+import OfertaEducativa from "./assets/OfertaEducativa.jsx";
+import ReactDOM from "react-dom/client";
+import Licenciatura from "./assets/Licenciatura.jsx";
+import Preinscripcion from "./assets/Preinscripcion.jsx";
+createRoot(document.getElementById("root")).render(
   <React.StrictMode>
-    
-    <Preinscripcion/>
-  </React.StrictMode>,
-)
-
-
+    <Router>
+      <Routes>
+        <Route path="/" element={<Login />} />
+        <Route path="/registro" element={<Registro />} />
+        <Route path="/home/:id/:nombre" element={<OfertaEducativa />} />
+        <Route path="/icenciatura/:id/:nombre" element={<Licenciatura />} />
+        <Route
+          path="/preinscripcion/:id/:nombre"
+          element={<Preinscripcion />}
+        />
+        <Route path="/ajustes/:id/:nombre" element={<OfertaEducativa />} />
+      </Routes>
+    </Router>
+  </React.StrictMode>
+);

frontend/src/styles/login.css

@@ -1,4 +1,4 @@
-* {
+*{
     background-color:#d8d8d8;
     margin: auto;
     box-sizing: border-box;
@@ -13,7 +13,7 @@
 
 .imgColum {
     margin-left: 15%;
-    margin-top: 27%;
+    margin-top: 17%;
 }
 
 .Formulario { 
@@ -45,17 +45,19 @@ header {
     top: 0; /* Lo posiciona en la parte superior */
     z-index: 1000; /* Asegura que esté por encima del contenido */
     font-weight:bold;
+
     font-size: x-large;
+    text-align: center; 
+    margin-top: 0;
 }
+
 .encabezado{
     text-align: center;
 }
+
 font{
     background-color: transparent;
 }
-/*#Formulario{
-    min-height: 89vh;
-}*/
 
 form{
    margin-left: auto; 
@@ -115,7 +117,7 @@ footer{
     align-items: center;
     flex-direction: row;
 }
-#footerId{
+.footerId{
     margin-left: 15px;
     margin-right: 15px;
     text-align: center;
@@ -130,6 +132,7 @@ div a{
     font-weight: bold;
 }
 
+
 #pie{
     color: #ffffff;
 }