Portafolio Web de presentación creado como una PWA con SSR para presentar los conocimientos y experiencia adquiridos
Puede visualizar el proyecto desplegado en la web https://skyzerozx.com
Estas instrucciones te permitirán obtener una copia del proyecto en funcionamiento en tu máquina local para propósitos de desarrollo y pruebas.
Para ejecutar un entorno de desarrollo
Previamente ejecutar el comando en la terminal para descargar "node_modules" para el funcionamiento del proyecto
npm install
Para ejecutar un servidor de pruebas local usar el comando donde "PUERTO" sera el puerto donde deseamos ejecutar el proyecto , por default ng serve ejecuta el puerto 4200
ng serve --port [PUERTO]
Para ejecutar el servidor de pruebas local con SSR ejecutar el siguiente comando:
npm run dev:ssr
Dirigirse a la ruta http:https://localhost:4200
Para ejecutar como PWA(Progressive Web App) , previamente debe tenerse instalado la libreria http-serve
npm install --global http-server
Una vez instalada proceder a ejecutar el siguiente comando , que nos permite ejecutar en entorno local nuestra PWA
npm run start-pwa
Este comando se encuentra configurado en el archivo package.json de la raiz del proyecto por default ejecuta el puerto 8080
Haciendo uso de la herramienta https://pagespeed.web.dev/ , se evaluo el tiempo de carga y renderizado por primera vez de la web
Obtuviendo un puntaje de 99 en rendimiento en mobile y 100 en desktop
Pre requisitos
En la raiz del proyecto se tiene el archivo sonar-project.properties el cual tiene las propiedades necesarias para ejecutarlo sobre un SonarQube
Configurar los apartados : sonar.host.url , sonar.login sonar.password con los datos de su instancia correspondiente o usar SonarCloud con su token correspondiente
Sonaqube >= 9.X
Las pruebas fueron realizas sobre SonarQube 9.8 para ejecutar el analisis de codigo ejecutar el comando para la instancia local:
npm run sonar
Reporte de Cobertura en SonarQube
Las herramientas utilizadas son:
- Angular - El Framework para Desarrollo Web
- Angular Universal - Para Server Side Rending
- NPM - Manejador de dependencias
- TailwindCSS -Framework de CSS de código abierto para el diseño de páginas web
- Visual Studio Code - Editor de Codigo
- SonarQube - Evaluacion de codigo on premise
- Prettier - Formateador de Codigo
- TabNine - Autocompletador de Codigo
Usamos GIT para el versionado.
- Jaime Burgos Tejada - Developer
- SkyZeroZx
- Email : [email protected]