Este proyecto representa la actividad evaluada FullStack para la asignatura Laboratorio II del Programa de Ingeniería en Informática del Decanato de Ciencias y tecnología de la Universidad Centroccidental "Lisandro Alvarado", Venezuela.
La aplicación desarrollada con React.js para el frontend y Spring Boot para el backend también hace uso de otras librerías las cuales son necesarias para el funcionamiento correcto de la práctica en cuestión.
Si ya posee la práctica, puede visualizar Despliegue para conocer como desplegar el proyecto.
De igual manera, la práctica se encuentra desplegada en GitHub Pages, de manera que se puede visualizar el resultado final.
- Última versión estable de Node.js
O, en su defecto
-
Última versión estable de Yarn
-
Java 8 o superior.
-
Postman para las solicitudes HTTP.
-
Para el proyecto se usó IntelliJ como IDE en la construcción del backend, pero también se puede utilizar Eclipse o NetBeans.
-
Para el proyecto se usó Visual Studio Code como editor de texto para la elaboración del frontend, pero se puede utilizar otro editor de texto.
-
MySQL como SGBD.
Para comenzar, se procede con la descarga del repositorio. Para ello se debe abrir la consola, ubicarse en la carpera en la que desea guardar el proyecto y ejecutar el siguiente comando:
git clone https://github.com/gustavoerivero/Laboratory2_Frontend.git
Luego, situarse en la carpeta clonada del repositorio "Laboratory2_Frontend".
Para el caso de un Sistema Operativo Windows, con el comando:_
cd Laboratory2_Frontend
Luego, se procede con la instalación de las librerías y dependencias necesarias para su ejecución. Cabe destacar que hay diferentes maneras de realizar esto
Con npm:
npm install
De no funcionar, intentar con:
npm i -f
De utilizar yarn:
yarn upgrade
Una vez se logre la instalación de las dependencias, la práctica está lista para desplegarse.
- Para preparar el entorno del backend:
Para correr el servidor del backend, se debe abrir la carpeta "backend" con un IDE para aplicaciones Java o un editor de texto con extensiones para archivos Java.
Luego, se procede a correr la aplicación, o ejecutar el comando "Run" sobre el archivo "PensumsystemApplication.java".
Para realizar un desplegue local (localhost:3000), se procede a ejecutar uno de los siguientes comandos:
Con npm:
npm start
Con yarn:
yarn start
Luego de esto, se abrirá una nueva pestaña con la aplicación en ejecución.
- Para realizar un desplegue local (localhost:8080) del backend, se procede a realizar los siguientes pasos:
-
Ejecutar el servidor con el comando "Run" en el archivo "PensumsystemApplication.java".
-
Iniciar la base de datos en MySQL llamada "dblab2". MySQL tendría los datos predeterminados (contraseña null en usuario root).
-
(Opcional): De ser necesario, usar Xampp para preparar el entorno de MySQL y así ejecutarlo.
Luego de esto, se abrirá una nueva pestaña con la aplicación en ejecución.
Es bueno recalcar que el código fue desarrollado con:
- React.js - El framework web usado.
- React Router - Librería de React.js para la navegación entre páginas.
- Material UI - Librería de React.js para diseño de componentes visuales.
- React Top Bar Progress Indicator - Librería de React.js para añadir una barra superior que indica la carga de la página.
- Axios - Librería basada en promesas para realizar solicitudes HTTP entre el navegador y Node.js
- Maven - Herramienta de Java para el desarrollo de aplicaciones con manipulación de variables o documentos con formato JSON.
- Spring Boot - Framework de Java para el desarrollo de aplicaciones web.
Los autores de esta práctica son:
- Gustavo Rivero - gustavoerivero
- María Paredes - Mariaparedes
- Luis Valladares - luisv98
⌨️ con ❤️ por [Equipo Dinamita]