Proyecto Front-end C10

Actualización y mejora para la pagina de cliente Devsafio http://www.desafio.com

Tecnologias y dependencias.

1.Clonar repositorio c10-frontend

Realizar instalación de despencias Para realizar la instalación debes tener instalado Node.js y ejecutar el siguiente comando por terminal:

~~ npm install ~~

Ejecución Para realizar la ejecución del proyecto y visualizar ejecutaremos en terminal el comando que corresponda según su administrador de paquetes: ~~ npm run dev

yarn dev

pnpm dev ~~

Abrir la pagina y realizar visualización: Para abrir la pagina debes hacer click en el siguiente link (primero debes inicar el proyecto para visualizar la pagina): http://localhost:3000
Configuració de Eslint y Prettier: Para poder tener un estardar al momento de escribir codigo se agregaron las dependencias de desarrollo Eslint y prettier de los cuales: Eslint: se encarga de estandarizar la forma en que se escribe codigo, ademas de detectar errores. Prettier: se encarga de la identación y el formateo visual del mismo de forma atumatica lint-staged: Se encarga de revisar los archivos modificados antes de subir el commit y avisa de posibles errores existentes, por ende se asegura de que no se hagan commits con errores existentes. Links:

SE DEBEN INSTALAR LAS EXTENCIONES DE PRETTIER - CODE FORMATTER (34 millons de descargas) Y LA EXTENCIÓ DE ESLINT(28.5 millones de descargas)

Comandos para utilizar Eslint y configuración en setting.json ~~ npm run lint ~~~
Prettier Prettier funciona con el autosave, cuando realizas el guardado trabaja pretter para formatear el codigo y ordenarlo, ademas en el archivo .eslintrc.js esta configurado para eslint y prettier trabajen en paralelo y no tengan insidencias o choques en su formate del codigo.