Pequeña aplicacion creada con el framework Angular, que consta de un login con autenticacion JWT, con doble vista, la vista del 'admin' que le permite controlar todo un CRUD de usuarios, y la vista de 'user' que puede ser personalizable 100%.
Resolucion de este ejercicio en javascript:
https://github.com/VlV-515/1-LoginCrudUsers-JS
Estas instrucciones te permitirán obtener una copia del proyecto en funcionamiento en tu máquina local para propósitos de desarrollo y pruebas.
Necesitaremos de una api para este proyecto, la cual podras encontrar en el siguiente enlace.
https://github.com/VlV-515/1-LoginCrudUsers-API
Angular requiere una versión LTS activa o LTS en mantenimiento de Node.js.
https://nodejs.org/en/about/releases/
Te recomiendo como editor de códigos Visual Studio Code
https://code.visualstudio.com/
pero puedes utilizar cualquiera.
Una vez clonado este repositorio, se deben instalar las dependencias para que se ejecute, asi que, dentro de la carpeta este proyecto, ejecutaremos los siguientes comandos en terminal
npm install
Ahora, necesitaremos agregar la ruta de nuestra api. Dentro de este proyecto, navegaremos hasta el archivo de enviroment y agregaremos la ruta.
Ruta de archivo:
src -> environments -> environment.prod.ts
Estamos listos, ahora solo nos queda arrancar el Front-End, en la consola ejecutaremos el siguiente comando.
ng serve -o
Esperamos a que finalice y se debería abrir su navegador la aplicación. En caso de que no se abriera, de forma manual abra su navegador y acceda a la ruta
http://localhost:4200/
- Json Web Tokens - Gestor de token de nuestra aplicacion.
- Angular Jwt - Helper para checkToken
- Bootstrap - Usado para los estilos.
- Bootstrap Icons - Iconos usados para la decoración.
- JSON Quick Type - Utilizado para la creacion rapida de interfaces.
- Sweet Alert 2 - Utilizado para las alertas.
- Bootstrap widgets - Utilizado para el modal.
- Pixabay - Utilizado para la toma de imagenes sin copyright.