Skip to content

crisjc6/crud-angular-node

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

crud-angular-node

Proyecto backend frontend con angular y nodejs

Creación de protecto

Clonar el repo de crud en angular y nodejs

Abrir el proyecto en nuestro IDE

Instalamos Angular en

image

Creamos nuestros proyecto "cliente"

Configuración de Bootstrap

npm install bootstrap@next

Configuracion del angular.json con la librerai de estilos boostrap

Creacion de componentes, modulos y servicio

ng g c components/crear-producto

ng g c components/listar-productos

ng g s services/producto

CReación del modelo

Routing

Configurar las rutas del crud y del redirect To

Listar productos HTML

Configurar google fond y font Awesome

Crear producto HTML

Formulario Reactivo Producto

Validar el formulario

Crear u objeto producto routing y toast

  • Listo para enviar al backend
  • Mensaje toast install comando : npm install ngx-toastr --save

Creación de backend e instalación de paquetes.

  • node
  • express
  • mongo

mkdir servidor

cd servidor/ npm init

npm i nodemon

npm i express mongoose dotenv

Descargar o configurar mongo

Conexion base mongo

Controladores Express producto

enviar datos a la api

Guardar en la base de datos

Metodos Crear Listar Actualizar en el servidor backend

Obtener un y eliminar producto

  • Todos los metodos crud credos en el servidor

Frontend Obtener los productos

lista productos

Eliminar producto

Guardar producto

Editar los productos

Finaliza este tutorial rapido de crear crud con angular y nodejs

thanks!

About

Proyecto backend frontend con angular y nodejs

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published