Skip to content

andresquez/WEB-PR1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 

Repository files navigation

WEB-PR1

Proyecto #1 - Sistemas y Tecnologías WEB - Andres Quezada

Tecnologias Implementadas

Yarn:

Es el gestor de los paquetes que utilicé para administrar la construcción del proyecto y su desarrollo. Me proporciona una interfaz de línea de comandos fácil de usar para instalar, actualizar y administrar las dependencias del proyecto de manera eficiente. 
Yarn Logo

Vite:

Vite es la herramienta de construcción utilizada como el servidor y ambiente del desarrollo del proyecto. Aquí agregué todas las demás tecnologías y fui armando lo que es el proyecto final, vite es la herramienta que me permitió desarrollar de manera estructurada. Pude crear un entorno de desarrollo rápido que me permitió la carga instantánea de módulos durante el desarrollo. Lo que mejoró  la velocidad de compilación y la experiencia de desarrollo, ya que evita la necesidad de una construcción completa en cada cambio realizado.
Vite Logo

React:

Biblioteca de JavaScript utilizada para la construcción de la interfaz, es el marco prinicpal del proyecto que combina todos los aspectos de html, css, y js para lograr formar el diseño de la página de la mejor manera posible, thinking in react, con componentes reutilizables.
React Logo

Vitest:

Marco de pruebas que se utilizó para escribir y ejecutar pruebas para los componentes de React. Permite crear suites de test y ambientes de testeo para estos componentes. Me permite a través de una sintaxis sencilla  escribir pruebas y ejecutarlas de manera eficiente. Vitest fue lo que use para probar los componentes en diferentes escenarios y verificar si se comportan correctamente.
Vitest Logo

ESLint:

Es la herramienta de linting que se utilizó para analizar y aplicar reglas de calidad y consistencia de código. Se utilizó específicamente el estilo de AirBnb, y con reglas personalizadas como la de los semicolon y las importaciones de jsx.
ESLint Logo

Storybook:

Fue el entorno de desarrollo utilziado para los tests visuales de componentes de React, se utilizó para desarrollar y mostrar el proceso de los componentes durante las diferentes modificaciones que se iban realizando sin tener que correr todo el programa.
Storybook Logo

About

Proyecto #1 - Sistemas y Tecnologías WEB

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published