Tablero Kanban
Tablero Kanban para gestión de tareas con funcionalidad de arrastrar y soltar
- Drag & Drop API
- localStorage
- DOM Manipulation
Proyectos en JavaScript
¡Hola soy Pedro! Y esta es un colección de proyectos.
Estos proyectos estan enteramente hechos con HTML5, CSS3 y JavaScript.
Lista de Proyectos
Visor de Markdown
Un editor y visualizador de Markdown en tiempo real.
- DOM Manipulation
- Event Listeners
- marked.js
Gestor de Gastos Personales
App para registrar, visualizar y eliminar tus gastos personales con suma total automática.
- Manipulación del DOM
- localStorage
- Formularios
- Cálculo de totales
Calendario Interactivo
Calendario mensual con eventos y recordatorios almacenados en localStorage.
- Manipulación del DOM
- localStorage
- Eventos personalizados
- Lógica de fechas
Music Player
Reproductor de música simple y moderno en JavaScript.
- Audio API
- Manipulación del DOM
- Controles multimedia
QR Generator
Genera códigos QR personalizados fácilmente.
- Manipulación del DOM
- Uso de librerías externas (QRious)
- Descarga de imágenes
Password Generator
Genera contraseñas seguras y personalizadas fácilmente.
- Manipulación del DOM
- Math.random()
- Validación de formularios
Notes App
Aplicación de notas con categorías, búsqueda y almacenamiento local
- LocalStorage
- Markdown
- Filtros y Búsqueda
Memory Game
Juego de memoria con cartas donde debes encontrar los pares coincidentes
- Manipulación del DOM
- Algoritmo de Fisher-Yates
- CSS Grid y Flexbox
Weather App
Aplicación del clima que muestra el pronóstico actual con datos en tiempo real
- Fetch API
- LocalStorage
- APIs externas
Buscar info de IP
Llama a una API para obtener información de cualquier IP y muestra la información en pantalla
- Fetch API
- Formularios
- Asincronía
Stack game con Canvas
Juego donde hay que apilar las piezas verticalmente
- Canvas
- Lógica de programación
- Eventos de teclado
Excel en js
Crea tu propio Excel sin dependencias y funcional
- Tablas
- Eventos de Input: focus y blur
- Eval
Tier Maker
Arrastra y suelta las imágenes para crear tus propias listas de niveles
- Drag & Drop
- Input de imágenes
- CSS Custom Properties
Tetris en Canvas
Prueba técnica que te propone crear el Tetris
- Canvas
- Eventos de teclado
- Lógica de programación
