Este proyecto representa la práctica de Framework (React.js) para frontend 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 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
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/Lab2-Framework-React.git
Luego, situarse en la carpeta clonada del repositorio "Lab2-Framework-React".
Para el caso de un Sistema Operativo Windows, con el comando:_
cd Lab2-Framework-React
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 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.
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-chartjs-2 - Librería de React.js para la elaboración de gráficos.
- React VFX - Librería de React.js para añadir efectos VFX a imágenes, vídeos y/o textos.
- React Top Bar Progress Indicator - Librería de React.js para añadir una barra superior que indica la carga de la página.
- GitHub Pages - Librería de GitHub para ayudar a la configuración de proyectos y su despliegue en GitHub Pages.
Los autores de esta práctica son:
- Gustavo Rivero - gustavoerivero
- María Paredes - Mariaparedes
- Luis Valladares - luisv98
⌨️ con ❤️ por [Equipo Dinamita]