🧑💻 Bienvenido a mi portfolio como desarrollador autodidacta
Este portfolio reúne una selección de proyectos web personales, iniciativas colaborativas y ejercicios formativos que reflejan mi evolución como profesional. A través de bloques desplegables, puedes navegar por contenidos técnicos y multimedia de forma sencilla.
🧩 Secciones del portfolio
- Proyectos técnicos y web personales: Desarrollos orientados a mejorar la usabilidad y el rendimiento. Algunos provienen de ejercicios formativos del Proyecto Odin que complementan mi formación autodidacta.
- Rediseños funcionales de sitios reales: Casos prácticos aplicados a páginas existentes. Puedes conocer más sobre estas tecnologías en mi blog.
- Ejercicios del Proyecto Odin: Parte clave en mi desarrollo como profesional web. Incluyen HTML, CSS, JS, Git y prácticas de despliegue. Explora más sobre mi formación.
- Iniciativas colaborativas y multimedia: Trabajo en equipo, prototipado y creación de contenido. Si te interesa colaborar, puedes contactarme.
🧠 Mi evolución como desarrollador web
El objetivo de este portfolio es documentar cómo aplico tecnologías web modernas y herramientas de diseño y desarrollo. Cada bloque representa una fase distinta de aprendizaje, creatividad y ejecución técnica.
💻 jdiaz90
📆 Jul. 2025 – Act.
Proyecto personal centrado en la creación de una identidad digital profesional mediante una web funcional, accesible y optimizada para la navegación.
🔧 Tecnologías utilizadas: HTML · CSS · WordPress · Astra Theme · WPForms · Plugins SEO
🤖 Asistencia: Microsoft Copilot (IA conversacional para redacción, maquetación y asesoría técnica)
🎯 Objetivo: Construir un sitio web propio para reflejar trayectoria, formación y proyectos realizados, con enfoque en diseño adaptable, experiencia de usuario y posicionamiento básico en buscadores.
☁️ Vercel
🎦 Mi App de Películas
📆 Ago. 2025
Aplicación web con rutas diferenciadas para búsqueda y detalle de películas, que consume la API de Movie Database Alternative. Gestiona el límite de peticiones mediante persistencia en MongoDB, almacenando el número restante y la fecha de renovación. Desplegada en Vercel con Express y EJS.
🔧 Tecnologías utilizadas: Node.js · Express · EJS · MongoDB · Bootstrap
🎯 Objetivo: Aprender a integrar APIs externas, estructurar rutas con Express, gestionar límites de uso de API y desplegar una app funcional con persistencia en MongoDB.
🧔♂️ The Odin Project
🍽️ Restaurante ficticio
📆 Mar. 2023
Web modular con navegación entre secciones y gestión con Webpack.
🔧 Tecnologías utilizadas: HTML · CSS · JavaScript · Webpack
🎯 Objetivo: Dominar bundling, modularización y generación dinámica de contenido.
❌⭕ Tic Tac Toe
📆 Feb. 2023
Juego clásico de tres en raya entre dos jugadores.
🔧 Tecnologías utilizadas: HTML · CSS · JavaScript
🎯 Objetivo: Utilizar módulos y lógica OOP para estructurar el juego.
📊 Panel de administración
📆 Feb. 2023
Simulación de panel UI con estructura de dashboard y tarjetas informativas.
🔧 Tecnologías utilizadas: HTML · CSS
🎯 Objetivo: Practicar diseño modular, maquetación avanzada y simulación de interfaces administrativas.
📋 Formulario de registro
📆 Feb. 2023
Diseño de una interfaz de registro simulada con validaciones.
🔧 Tecnologías utilizadas: HTML · CSS · JavaScript
🎯 Objetivo: Aplicar estilos avanzados, tipografía, y validaciones en formularios.
🧮 Calculadora
📆 Feb. 2023
Proyecto práctico para implementar operaciones matemáticas básicas usando lógica JavaScript.
🔧 Tecnologías utilizadas: HTML · CSS · JavaScript 🎯
🎯 Objetivo: Aplicar DOM, lógica condicional y eventos para construir una calculadora funcional.
🎨 Etch-A-Sketch
📆 Ene. 2023
Proyecto visual para dibujar en una cuadrícula mediante eventos del ratón.
🔧 Tecnologías utilizadas: HTML · CSS · JavaScript
🎯 Objetivo: Dominar el uso de Grid, eventos y manipulación del DOM.
✊ Piedra, Papel o Tijera
📆 Ene. 2023
Juego interactivo para practicar lógica condicional y eventos del usuario.
🔧 Tecnologías utilizadas: HTML · CSS · JavaScript
🎯 Objetivo: Crear un juego con validaciones y manipulación dinámica del DOM.
🚀 Landing Page
📆 Ene. 2023
Diseño de una página web de presentación con enfoque visual y llamadas a la acción.
🔧 Tecnologías utilizadas: HTML · CSS
🎯 Objetivo: Practicar maquetación con Flexbox y jerarquía visual.
🍝 Recetas de Odin
📆 Ene. 2023
Proyecto inicial para practicar etiquetas básicas de HTML.
🔧 Tecnologías utilizadas: HTML
🎯 Objetivo: Crear una estructura semántica simple usando listas, encabezados, enlaces e imágenes.
⚽️ FutbolAsturiano
📆 Abr. 2022 – Ago. 2022
Prueba de rediseño de una web informativa con enfoque en experiencia de usuario y gestión eficiente de contenidos.
🔧 Tecnologías utilizadas: HTML · CSS · JavaScript · PHP · Laravel · CRUD personalizado · Stripe · Panel de administración
🧩 Funcionalidades destacadas:
- Sistema de gestión de contenidos tipo CMS adaptado a medios deportivos
- Implementación de pagos con Stripe
- CRUD completo para noticias, equipos, jugadores, árbitros, divisiones…
- Panel de administración para moderación y control publicitario
- Integración de calendarios y hemeroteca
🔍 Referencia del sitio original: Puedes ver el medio informativo original en FutbolAsturiano.es y la propuesta en futbolasturiano.jdiaz90.org.es
⛹️♂️ ncbsbasket
📆 Ene. 2022 – Mar. 2022
Proyecto personal enfocado en backend y práctica con frameworks.
🔧 Tecnologías utilizadas: HTML · CSS · Bootstrap · JavaScript · PHP · Laravel · SQLite · phpMyAdmin
🎯 Objetivo: Consolidar conocimientos autodidactas utilizando Laravel con base de datos SQLite, ideal para entorno local y estructura ligera.
🏀 nbawololo
📆 Jun. 2010 – Jul. 2014
Proyecto multifacético sobre NBA con foro, blog, revistas digitales y web.
🔧 Herramientas y tecnologías: HTML · CSS · JavaScript · JQuery · PHP · MySQL · Excel · Visual Basic .NET · Adobe InDesign
📚 Componentes:
