Discover @pedro-donoso Open Source projects

Pedro Donoso (@pedro-donoso)

pedro-donoso

Stars
140
Global Rank 157,137 (Top 6 %)
Followers 4
Following 9
Registered almost 4 years ago
Most used languages

HTML
36.8 %

JavaScript
34.4 %

Vue 10.4 %

Ruby
10.4 %

CSS
6.4 %

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

HTML
10

Vue 12

Astro 13

CSS
30

Ruby
43

JavaScript
85

TypeScript
484

pedro-donoso

clave-ssh

Repositorio informativo sobre la creación de SSH key

PEDRO-DONOSO-SQL

piedraPapelTijera

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

desafio-branching

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

los-viajes

viajes por chile

mi-iguana

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

autentic

sistema de autenticación

GIGEO

desafio pagina gigeo

secciones_web

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

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

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

peliculas_base_datos

base de datos de peliculas

cupones

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

proyecto-suricata

ruby

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

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.

proyecto_calculadora

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

tienda_juegos

methods_v-model_evento-click

ts

API con TypeScript

tema

nombre

formulario basico,

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

consulta_medica

consulta_medica

proyecto-ricomida

barbershop

desafio barbershop

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

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.

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

Donoso_Pedro_Portafolio

Ejemplo de Portafolio

meet-coffee

proyecto básico HTML y CSS

ejemplo_axios

Sitio que te permite seleccionar un día laboral (lunes a viernes) y te muestra la estimación del dólar publicada por la bolsa de comercio en Santiago (NO hay resultados en fines de semana)

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

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

carro-compras-vuex

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

cachipun-main

proyecto-iguanas

rutas-vue

torneo

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

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

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

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

formulario

Reserva de Horas

olivia

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

responsive_design

landing

landing page responsive

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

calendario_vuetify

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

vuecli

Mi Primer VueCli

node-postgresql

API REST con Nodejs y base de datos Postgresql, el usuario puede crear nuevos proyectos con POST, consultar existentes con GET o especificos por ID, actualizar con PUT y eliminar con DELETE

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

about-me

portafolio 2020 - Links a repositorios contacto y sitios Netlify

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

suricata

clase de bootstrap, mobile first, diseño responsivo

users-cards

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

Arrays

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

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

calendario

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

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

recomendaciones-videos

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

ciclos

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

crud

CRUD: Backend realizado con Nodejs que CREA un archivo, eligiendo un Key provisorio y permite LEER su contenido en un mensaje, el usuario puede RENOMBRAR el archivo para ELIMINAR el último creado

scrum

Es una metodología Agile para desarrollar proyectos en la que se aplican de manera regular un conjunto de buenas prácticas para trabajar en equipo y obtener en el menor tiempo el mejor resultado posible de un proyecto, aceptando en todo momento cualquier necesidad o modificación que pueda surgir

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

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