pedro-donoso

about-me

portafolio 2020 - Links a repositorios contacto y sitios Netlify

apis

jsonplaceholder + randomuser

apis_axios

axios

blanco_negro

Creación de un servidor que solicita la url de una imagen a color al usuario; la redimensionada, muestra blanco/negro y reduce su peso a la mitad, para cargar el servidor se debe ejecutar un comando y contraseña

calendario_vuetify

calendario vuejs, utilizo axios y diseño de vuetify, deploy en netlify, enlace en readme

carro-compras-vuex

ejemplo de carro de compras, hecho de 3 cuentas para trabajo colaborativo

control-obra

Integración de los diferentes datos obtenidos desde la API JsonPlaceholder, permite al usuario ver diferentes vistas con la información desplegada incluso agregar contenido y/o eliminar revisión, realizado con VueJS, Bootstrap y deploy hecho en Netlify

cupones

Sitio web responsivo Utilizo framework Bootstrap Incluye navbar desplegable Utilizo Cards Incluye boletin

desafio-branching

pagina con 2 ramas, main y development realizo cambios colores y textos.

ejemplo_navbar

navbar+bootstrap

formulario

Reserva de Horas

gitkraken

solo prueba - muestra de reactividad vuejs en cambio de titulo automático e input para ingreso por usuario, propiedades computadas y listado en diferentes vistas

Landing-1

desafio fork y pull request

los-viajes

viajes por chile

mi-iguana

Sitio sobre Iguanas incluye información, fotos y características

notas

Solicita al usuario mediante ventana flotante que ingrese notas de 3 asignaturas, Calcula el promedio de las asignaturas, Muestra en una tabla de Bootstrap, las notas ingresadas y los promedios

olivia

Sitio de recetas Pagina web estática responsiva Utilizo componentes del framework Bootstrap Contiene navbar, columnas y formulario

proyecto-ricomida

proyecto-suricata

proyecto_vuex_2020

Ejemplo VUEX, uso de STATE, MUTATIONS y GETTERS (que hacen una copia del estado, sin modificarlo), estilos SASS, metodología BEM y uso de la web Mockaroo para descargar archivo .JSON

react

TODO list en React JS, permite al usuario agregar nuevas tareas, termina las tareas actuales y el boton cambia su mensaje, se puede eliminar una tarea de la lista y editar las tareas en proceso o cancelar su edición.

react-app

React App de Breaking Bad Api, sitio reactivo con información de la serie, el usuario puede dar click en botón para conocer frases y personaje que la dijo, texto en ingles

rutas-vue

salsa

front end

shopping-cart

Carro de Compras: El usuario puede ver los productos agregados; con su ID, Nº de Producto y Descripción, puede eliminar y actualizar las compras, también puede agregar nuevos productos y tener una vista previa del cambio de estado

test

REACT CRUD: El usuario puede Crear, Leer, Actualizar y Borrar elementos de una base de datos en Postgresql, se visualizan los cambios en el FrontEnd en una tabla de Bootstrap y utilizo React

users-cards

tarjetas flexbox, utilizo bootstrap, vuejs, axios, agrego fondo y tarjetas degradados

usestate-app

Cambio de Estados en ReactJS: El usuario mediante Clicks en botones puede cambiar los Estados, tener una vista previa de los cambios que ocurren, también incrementar los Clicks y ver Ejemplos de errores en procesos.

vuecli

Mi Primer VueCli

vuejs-randomuser

Proyecto VueJS con boton que consulta datos a API y muestra Nombre usuario, Correo y Numero aleatorios