Pedro Donoso's Projects
ejemplo de web basica JS con secciones, utilizo Bootstrap Diseño Responsivo y SASS
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
Proyecto ciudades inteligentes, desarrollado con librería Leaflet JS, botones permiten viajar a las ciudades, zoom y contiene información en popup con características
Utilizo API https://fakestoreapi.com/products para crear tabla con productos donde se aparece imagen, categoría, descripción y precio. Agrego paginación, realizo deploy en netlify:
ejemplo tabla
curso de node
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
methods_v-model_evento-click
Torneo de artes marciales, dónde el usuario escoge un personaje, imagen, raza y asigna poder para comparar sus habilidades en combate
El usuario elige numeros pares e impares, se muestra la tabla de multiplicar, también se puede elegir el alto y caracteres de un triangulo
API con TypeScript
Pokedex:Se levanta servidor para que el usuario pueda realizar una consulta a la API y obtener imágenes y nombres de los 50 primeros resultados (limitado debido al tiempo de carga)
tarjetas flexbox, utilizo bootstrap, vuejs, axios, agrego fondo y tarjetas degradados
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.
Pagina que se conecta a la API de GitHub para encontrar usuarios, muestra sus repositorios, puede escoger el N° de la página y la cantidad de repositorios
CRUD de JavaScript, agrego GiftCard con tipo, tiempo, precio e imagen a un formulario y esos datos se muetran en una tabla, utilizo Bootstrap
[EN DESARROLLO] Aplicación Ruby on Rails
Proyecto de VanillaJS creado con Vite, que se conecta a la API https://api.imgflip.com/get_memes y utiliza Bootstrap para mostrar una galería de imágenes
Mi Primer VueCli
Proyecto VueJS con boton que consulta datos a API y muestra Nombre usuario, Correo y Numero aleatorios
Metodología BEM + Responsive Web Design