Juan.Lazaro
/
SIU_Dran_net
1
0
Fork 0
Code Issues Pull Requests Packages Projects 2 Releases Wiki Activity

frontend

This commit is contained in:
citlallixx03 2024-05-16 09:36:15 -06:00
parent 1d0be44c06
commit 0c8ca15cd1
10 changed files with 64 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/Encabezado.jsx
View File

@ -19,22 +19,6 @@ function Encabezado(){
</ul>
</nav>
</header>
/*<div className="contenedor">
<div className="banner">
<nav>
<h1>Universidad de Huacoxla</h1>
<ul className='opciones'>
<li><a href="#">Nosotros</a></li>
<li><a href="#">Oferta Educativa</a></li>
<li><a href="#">Visión</a></li>
<li><a href="#">Misión</a></li>
<li><a href="#">Contacto</a></li>
<li><a href="#">Instalaciones</a></li>
</ul>
</nav>
</div>
</div>*/
);
}

6
frontend/src/Licenciatura.jsx
View File

@ -1,5 +1,6 @@
import React, { useState } from "react";
import './Licenciatura.css';
import Encabezado from "./Encabezado";
const Licenciatura = () => {
@ -160,7 +161,8 @@ const Licenciatura = () => {
return (
<>
<body id="bodyLicenciatura">
<div id="bodyLicenciatura">
<Encabezado/>
<h1 id="h1Programas">Programas Educativos</h1>
<div id="opciones">
<label id="labelSelect">Seleccionar área:</label>
@ -230,7 +232,7 @@ const Licenciatura = () => {
</div>
<input type="submit" className="btnElegirCarrera" value="Elegir Licenciatura" />
</body>
</div>
</>
);
};

20
frontend/src/OfertaEducativa.jsx
View File

@ -1,25 +1,13 @@
import { Outlet } from 'react-router-dom';
import './OfertaEducativa.css'
import Encabezado from './Encabezado';
function OfertaEducativa (){
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>
<Encabezado/>
<h1 className='tituloOE'>Oferta Educativa</h1>
<div className='container'>
<div className='area' id='areaTecnica'>

14
frontend/src/Preinscripcion.css
View File

@ -1,4 +1,18 @@
#bodyPre{
width: 100%;
margin: 0 auto;
}
#h1Pre{
margin-top: 11%;
margin-left: 10%;
}
#p1Pre{
font-size: x-large;
}
#p2Pre{
font-size: x-large;
margin-top: 2%;
}
#labelPre{
text-transform: capitalize;
}

24
frontend/src/Preinscripcion.jsx
View File

@ -1,18 +1,32 @@
import SubirPDF from "./SubirPDF";
import React from 'react';
import './Preinscripcion.css'
import Encabezado from "./Encabezado";
const App = () => {
return (
<>
<body>
<div id="bodyPre">
<Encabezado/>
<h1 id="h1Pre">Proceso de Preinscripción</h1>
<p>Estamos más cerca de pertenecer a esta gran comunidad estudiantil.</p>
<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>
</body>
</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>
</>
);
};

5
frontend/src/Registro.css
View File

@ -2,7 +2,7 @@
background-color: #e4e4df;
width: 100%;
margin: 0 auto;
padding: 1%;
}
h1.titRegistro {
@ -96,4 +96,7 @@
}
header{
text-align: center;
}
body{
margin: 0;
}

6
frontend/src/Registro.jsx
View File

@ -1,10 +1,12 @@
import React from 'react';
import './Registro.css'; // Estilo para el formulario
import Encabezado from './Encabezado';
const Registro = () => {
return (
<body className="bodyRegistro">
<div className="bodyRegistro">
<Encabezado/>
<h1 className='titRegistro'>Registro</h1>
<h4>Datos Personales</h4>
<form className='formRegistro'>
@ -111,7 +113,7 @@ const Registro = () => {
<div className="btnenviar">
<input type="submit" className="boton" value="Registrar" />
</div>
</body>
</div>
);
}

5
frontend/src/SubirPDF.css Normal file
View File

@ -0,0 +1,5 @@
#inputPdf {
border: 1% solid #000;
padding: '20px';
text-align: center;
}

6
frontend/src/SubirPDF.jsx
View File

@ -1,6 +1,7 @@
import React, { useCallback } from 'react';
import { useDropzone } from 'react-dropzone';
import axios from 'axios';
import './SubirPDF'
const SubirPDF = () => {
const onDrop = useCallback(acceptedFiles => {
@ -26,9 +27,8 @@ const SubirPDF = () => {
const { getRootProps, getInputProps } = useDropzone({ onDrop });
return (
<div {...getRootProps()} style={{ border: '1px solid black', padding: '20px', textAlign: 'center' }}>
<input {...getInputProps()} />
<p>Arrastra y suelta un archivo PDF aquí, o haz clic para seleccionar uno</p>
<div {...getRootProps()}>
<input id='inputPdf' type='submit' value='Subir pdf' />
</div>
);
};

9
frontend/src/main.jsx
View File

@ -1,12 +1,17 @@
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(
<React.StrictMode>
<Encabezado/>
<Login/>
<Preinscripcion/>
</React.StrictMode>,
)