Español
Esta aplicación fue creada teniendo en consideración el negocio de Romina pero principalmente con la finalidad de aplicar a un fin y potenciar el conocimiento en las tecnologías base del desarrollo web: HTML, CSS y JavaScript. Se llevó adelante entonces la construcción de un sitio en una sola página con funcionalidades básicas para incentivar el contacto del usuario y una buena exposición de la información del negocio del cliente.
Siendo mi primer proyecto importante, tiene algunas cosas a destacar a pesar que claramente tiene otras para mejorar. Estas últimas son principalmente en cuestiones relacionadas con mi experiencia al momento de realizarlo, tales como la organización y optimización del código o asimismo la forma de utilizar el git. Sin embargo pueden verse implementadas funciones avanzadas como el intersection observer de manera correcta, un buen manejo del DOM y de los eventos, el desarrollo de un componente complejo como una galería de fotos de una manera personalizada (creando cada una de sus funcionalidades), y finalmente una aplicación totalmente responsive. Cabe agregar que son mejorables otros aspectos que tienen que ver con que el sitio no está terminado, debido a que el cliente decidió no proceder con su negocio. Esto genera que el sitio no tenga tanto impacto, ya que es necesario poner fotos de mejor calidad, los textos correspondientes y mejorar el diseño. De todas formas, a fines prácticos y didácticos el sitio claramente cumplió su función.
Este sitio fue mejorado con lighthouse, teniendo en cuenta la carga de activos críticos (critical assets preloading) y la carga perezosa (lazy loading) del resto de la aplicación, cuestiones de accesibilidad y mejores prácticas, y por supuesto, la optimización para motores de búsqueda (SEO). Algunas cuestiones que bajan la puntuación en rendimiento o accesibilidad están relacionadas con no tener las imágenes adecuadas para mostrar, cosas que se pueden mejorar fácilmente pero que no merecen la pena en el estado en el que se encuentra el sitio.
English
This application was created taking into consideration Romina's business but mainly with the purpose of applying to an end and enhance the knowledge in the basic technologies of web development: HTML, CSS and JavaScript. It was then carried out the construction of a single page site with basic functionalities to encourage user contact and a good exposure of the client's business information.
Being my first major project, it has some things to highlight although it clearly has others to improve. The latter are mainly in issues related to my experience at the time of making it, such as the organization and optimization of the code or how to use git. However, advanced functions such as the intersection observer can be seen implemented in a correct way, a good management of the DOM and events, the development of a complex component such as a photo gallery in a customized way (creating each of its functionalities), and finally a fully responsive application. It should be added that there are other aspects that can be improved that have to do with the fact that the site is not finished, because the client decided not to proceed with their business. This generates that the site does not have so much impact, since it is necessary to put better quality photos, the corresponding texts and improve the design. Anyway, for practical and didactic purposes the site clearly fulfilled its function.
This site was improved with lighthouse, taking in consideration the preloading of critical assets and the lazy loading of the rest of the application, accessibility and best preactices issues, and of course, Search Engine Optimization (SEO). Some issues that lower score in performance or accesibility are related to not having the proper images to display, things that can be easily improved but do not worth the trouble in the state the site is.