Proyecto 1 - Sistemas y tecnologías Web

¿Qué hace el proyecto?

Este proyecto consistió en hacer una réplica de la página web de Kinross House y este fue el resultado

¿Porque este proyecto es útil?

Considero que este proyecto fue útil para mi ya que pude adquirir y desarrollar más habilidades con el uso de React, FlexBox, Grid, transiciones, animaciones y algunos loaders nuevos en webpack como archivos de tipo .svg y .ttf para usar imágenes de tipo .svg y distintos tipos de letra. Además, me permitió poner en práctica todos los conocimientos adquiridos en la clase de Sistemas y Tecnologías Web.

¿Donde pueden recibir ayuda los usuarios con este proyecto?

Cualquier duda acerca de este proyecto se puede hacer llegar a mi correo de la universidad: pag20634@uvg.edu.gt o a mi correo personal: sara.paguaga@gmail.com

¿Quién mantiene y contribuye con este proyecto?

Sara María Paguaga Gonzáles

¿Cómo usarlo?

Es necesario tener 75% de zoom en la computadora.

Tecnologías implementadas en este proyecto

• React: Utilicé esta libreria para hacer la interfaz gráfica en base a componentes que la conformaban.
• Babel: Para que el código creado pueda ser compilado en cualquier navegador web.
• Webpack: Utilicé esta tecnología para poder hacer un solo paquete de todos los archivos que utilicé, desde .jsx hasta .svg y .mp4.
• ESLint: Me permitió analizar errores en mi código, seguir una estructura más ordenada, basandose y siguiendo la estructura de airbnb.
• Sass: Me permitió implementar estilo, color y diseño a mi página.
• HTML: Solo lo utilicé en el index del proyecto.
• Nginx: Lo utilicé para publicar este proyecto en mi servidor.
• Framer Motion: Lo utilicé para la animación del texto de la página principal.

Referencias:

Dado que en algunos casos desconocía como hacer ciertas cosas investigué y traté de implementar mi propia lógica.

• Como colocar un vídeo de fondo
• Framer motion
• Hamburguer menu Me ayudó a tener una idea más clara de como hacer la animación del menú de hamburguesa