Con el fin de presentar el trabajo final integrador para el curso de Argentina Programa, este es el portfolio web que reúne todo lo aprendido a lo largo de la cursada haciendo uso de diversas tecnologías para crear una web dinámica y limpia, tanto en funcionamiento como visualización.
🔶 HTML5
🔷 CSS3
☑️ TypeScript
📱 Bootstrap
💠 Bootstrap Icons
🔥 FireBase
La página permite funcionalidades diferentes para un usuario ordinario y para el desarrollador.
La página permite a sus visitantes visualizar la descripción, experiencia laboral, educación recibida, habilidades y proyectos de FireDust97 (Lautaro Ortiz) como programador Full-Stack Jr. En el footer, los usuarios pueden hacer click en su número de teléfono o gmail para contactarlo fácilmente.
La página cuenta con un botón de Login, que pedirá un usuario y contraseña para ingresar a las nuevas funcionalidades para enviar nuevas entradas hacia la base de datos, entre las que se encuentran:
- Editar el nombre, apellido, descripción e imagen del desarrollador.
- Crear, editar y eliminar experiencias laborales.
- Crear, editar y eliminar las educaciones cursadas.
La propiedad 'GetBoundingByRect()' pertenece a uno de los componentes TS, específicamente al del componente "Acerca de", actuando sobre el contenedor de la foto de perfil. Este método permite que la página detecte el scroll del usuario, permitiendo que la animación de transcisión de dicha foto de perfil inicie cuando el usuario tenga visualización de ésta, en vez de iniciar con la carga de la página.
Este error no interfiere en ningún momento con el funcionamiento de la página, ni en general ni con la foto de perfil a la que está ligada. Por lo que se ha pasado por alto, pero intentará corregirse con el tiempo si es posible para dejar una consola limpia.
Por supuesto. Se ha hecho uso de columnas y otros estilos de parte de Bootstrap, así como los estilos ordinarios de CSS para crear una página amigable con otros dispositivos, permitiendo visualizar sin problemas el contenido.
Al hacer uso de un plan gratuito en Render y Clever Cloud para la base de datos, es muy probable que ésta se apague al detectar inactividad, para ahorrar recursos en los servidores de estos servicios y darles prioridad a usuarios pagos. Para solucionar este problema y visualizar el contenido de la página, siga los siguientes pasos:
-
Ingrese a https://backend-portfolioargprog.onrender.com (Más información en https://github.com/FireDust97/portfolio-BackEnd) y espere a que la página cargue y muestre el mensaje "whitelabel error page". Recuerde que levantar la base de datos de Render puede demorar desde unos cuantos segundos hasta varios minutos, por favor, sea paciente.
-
Ingrese al link de la página o recarguela si la tiene abierta. La página procesará en los próximos segundos los datos correspondientes y podrá visualizar el contenido.
Si la página de render no devuelve el mensaje de Whitelabel, generando un error 502, "the service cannot handle requests now" u otros errores o mensajes inesperados, por favor, contáctese a mi correo electrónico, lautarortiz472@gmail.com e intentaré solucionar cualquier error lo más pronto posible para que pueda acceder.
Recuerde: Estos problemas son generados por Render y Clever Cloud por ser planes gratuitos, y no tienen relación con la programación del Front ni el Back-End.
La página se encuentra funcionando bajo la tecnología de Google Firebase. El link para acceder a la web es https://frontend-portfolioargprog.web.app/.
En cuanto a lo que programación se refiere, no es probable que se realicen más cambios, a salvedad de solucionar el error del método de TS mencionado arriba. Por otro lado, las experiencias y capacitaciones académicas que se reciban con el paso del tiempo serán subidas a la página para que quede registro de ellas.