Discover @pedro-donoso Open Source projects

Pedro Donoso (@pedro-donoso)

pedro-donoso

Stars
140
Global Rank 162,033 (Top 6 %)
Followers 5
Following 9
Registered over 4 years ago
Most used languages

HTML
36.5 %

JavaScript
34.1 %

Vue 10.3 %

Ruby
10.3 %

CSS
7.1 %

Others 1.6 %
Location 🇨🇱 Chile
Country Total Rank 214
Country Ranking

HTML
10

Vue 12

Astro 15

CSS
24

Ruby
44

JavaScript
86

TypeScript
558

pedro-donoso

clave-ssh

Repositorio informativo sobre la creación de SSH key

PEDRO-DONOSO-SQL

piedraPapelTijera

desafio-branching

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

los-viajes

viajes por chile

frontend-mentor

desafío frontend mentor; Utilizo flexbox para secciones responsivas, agrego efecto a la imagen, utilizo fuentes y aplico media queries para ajustar a pantallas móviles

mi-iguana

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

GIGEO

desafio pagina gigeo

usuarios-github

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

autentic

sistema de autenticación

smart_cities

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

secciones_web

ejemplo de web basica JS con secciones, utilizo Bootstrap Diseño Responsivo y SASS

peliculas_base_datos

base de datos de peliculas

proyecto-suricata

tienda_juegos

methods_v-model_evento-click

cupones

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

npm

Citas médicas de Pacientes: Creación de servidor y escucha de puerto. Se conecta con API randomuser y se muestra por terminal con color: ID pacientes, fecha , hora de su cita médica y nombre del paciente.

ts

API con TypeScript

tema

nombre

formulario basico,

ruby

ingresa tu nombre y edad, segun condiciones si eres mayor o menor de edad te dara acceso

proyecto_calculadora

Introducción a la programación con JavaScript - Crear una Calculadora Básica con JavaScript - estilo libre

animalada-salvajes

proyecto donde el usuario elige un animal, los años, puede agregar un comentario y se muestra una imagen, además se traspasa a una zona de tarjetas donde es posible oir sus sonidos y ampliar la imagen mediante un modal

movieApp

Aplicacion que utiliza la gema Faker para mostrar contenido aleatorio de Peliculas, Series y Documentales, en diferentes rutas

arrays_objetos

horas medicas, se muestran en tabla datos pacientes

Cursos

Repositorio de pruebas sobre cursos de programación

flexbox

barra con títulos e iconos ajustable a dimensiones pantalla

salsa

ricomidas

proyecto-ricomida

barbershop

desafio barbershop

consulta_medica

consulta_medica

boton_cambia_background

cambiar background botones bootstrap - boton que agrega botones que segun su color cambian el fondo

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

backend-instafake

Este proyecto usa como base el repositorio backend-jwt, con la estructura de carpetas ya diseñada, sólo se trabaja en el proyecto instafake

vuejs-randomuser

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

final_nota

mi_desafio_componente

Desafío - Componentes

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

ejemplo-xampp

Ejemplo de cómo ejecutar servidor en Xampp con Apache y Base de datos Mysql

Donoso_Pedro_Portafolio

Ejemplo de Portafolio

meet-coffee

proyecto básico HTML y CSS

Web_BEM

Metodología BEM + Responsive Web Design

consulta-veterinaria

sitio web de una consulta veterinaria, ingresa datos del dueño de la mascota, tipo y motivo de la consulta y obtén ticket con los datos registrados para su atención

CURSO_BOOSTRAP

ejemplo_bootstrap

tabla_usuarios

proyecto_cupon

proyecto bootstrap

cachipun-main

proyecto-iguanas

rutas-vue

contador_frutas

ejemplo_contador

ejemplo_navbar

navbar+bootstrap

backend-jwt

Conexión a API, inicio de sesión mediante JWT, proyecto con Backend ya configurado, el usuario se logea y puede ver en 2 tablas la información de posts y albums

encuentra_superheroe

conexion a api, ingresa busqueda numerica y obtiene resultados en cards con informacion de los personajes

git_comandos

listados de comando git y elementos markdown, trabajo desde terminal

chile_viajes

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

formulario

Reserva de Horas

responsive_design

landing

landing page responsive

Catalog

curso-html---css

Curso free code camp

manipulacion-dom

Manipulación del DOM del archivo index.html desde el archivo app.js. Utilizo Funciones, Variables y Eventos en JavaScript para completar formulario y mostrar datos en card

curso-tailwind

Aplicación que muestra cards con imágenes, títulos, autor y descripción de cursos de programación, sitio web responsivo y escrita con clases TailwindCss

clon_twitter

tabla-paginada

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:

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

proyecto_contador

creando un contador

metodologia-agile

AGILE son diferentes hábitos y estrategias extraídos de diferentes metodologías que pueden ser aplicadas en la gestión de los proyectos y desarrollo,

grillas_2020

ejemplo de sitio web responsivo adaptable a diferentes pantallas

blue-money

Conversor de divisas: incluye la fecha, cantidad de pesos que serán convertidos, equivalencia de conversión a dólar y la tasa de cambio entre ambas monedas. Los commits se crearon con Git Kraken, se trabajo con VS Code desde Ubuntu

calendario_vuetify

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

vuecli

Mi Primer VueCli

api_dailymotion

Consumo de la API, utilizo metodo get, Axios, se muestran miniaturas de los videos en tendencias según lo más visitado en este sitio, aparece titulo y y agrego boton para reproducirlo en su web externa

torneo

Torneo de artes marciales, dónde el usuario escoge un personaje, imagen, raza y asigna poder para comparar sus habilidades en combate

unpokedex

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)

hito1-covid

proyecto con backend ya realizado, sólo ocupa las carpetas y archivos sobre covid 19, se conecta a API y muestra al usuario mediante gráficos la situación mundial

portafolio-tipo

ejemplo de sitio web portafolio con imagenes de los proyectos, ejemplos, formulario, botones, web responsiva, utilizo bootstrap e iconos

about-me

portafolio 2020 - Links a repositorios contacto y sitios Netlify

suricata

clase de bootstrap, mobile first, diseño responsivo

Arrays

users-cards

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

practica_flexbox

practica usando flexbox, contenido adaptable a distintas pantallas, a medida que cambia de aspecto el ancho de la ventana, el contenido se distribuye, optimizando la experiencia del usuario

Metodologia_BEM

web responsiva y metodologia BEM

mapa

ejemplo de mapa con marcadores patrimoniales, zoom y ventanas emergentes de las construcciones, hecho con librería Leaflet JS

cartas-leyendas

apis_axios

calificacion

agrega notas: sitio web donde el alumno ingresa su nombre, apellido, asignatura y notas, una vez registrado en alumno, puede ingresar nuevas asignaturas y sus correspondientes notas

ciclos

calendario

este es un proyecto de prueba con gitbash, cmdr. aplico comandos git y crea ramas

recomendaciones-videos

sitio web con videos de yt, musica, peliculas y series

SCRUM-KANBAN

INFORMATIVO: Se explica la diferencia de Metodología AGILE entre SCRUM y KANBAN.

apis

jsonplaceholder + randomuser

node-mailer

Correos masivos: El usuario debe escribir mas de 2 correos gmail, anotar el asunto y le enviara los indicadores economicos del dia a los destinatarios

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

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

arrays-objetos

sitio que pide ingresar 2 cadenas de números (separadas por comas) y las muestra concatenadas, las ordena y en reversa, elimina elementos del array mediante pop y shift, ademas muestra la suma y el promedio de los números ingresados