- Angular 11 o superior
- npm 6 o superior
- Clonar o descargar este repositorio
- Instalar las dependencias de Node: Dentro de la carpeta donde se descargó o clonó el proyecto ejecute una terminal (click derecho -> terminal) y escriba el siguiente comando: npm i
- Levantar el Frontend: En la misma Terminal que uso en el paso anterior ejecute el siguiente comando ng serve --o .Esto levantará la aplicación web en el siguiente enlace http://localhost:4200/
El proyecto se encuentra apuntando al puerto 3001, donde debería esta levantado el backend
-
Primero generé el proyecto.
-
Y empecé estructurando el proyecto.
-
Así era como me quedaba la estructura (aún me faltaba agregar los dialogs).
-
Configuré los environments.
-
Y también deje listas los servicios que se van a consumir.
-
Empecé a configurar el enrutamiento de la app.
-
Y agregué angular material para los estilos.
-
Comencé a desarrollar el sidebar.
-
Luego le dí funcionalidad de responsive al sidebar.
-
Finalizado el sidebar comencé a maquetar las interfaces.
-
y comencé a construir un tablero para presentar los clientes.
-
Ya tenía maquetado el apartado visual, ahora seguía consumir el api para traer datos reales.
-
Me dispongo a realizar el método para que me traiga los datos.
-
Pongo a prueba el método e imprimo los datos.
-
Armo la pantalla con los datos de la base.
-
Genero un botón para la creación de un nuevo cliente.
-
Entonces creo un dialog que será el encargado de presentar los inputs de creación de usuario.
-
Los datos son tratados bajo la interfaz creada previamente.
-
Finalmente el dialog de creación de cliente esta funcionando.
-
Ahora tengo que crear un dialog para editar los datos del cliente.
-
Y así es como quedo
-
A partir de aquí era de replicar lo que ya se desarrollo pero para "productos" y "ordenes".
