Diseñador, desarrollador frontend y backend.

Desarrollador que combina funcionalidad y diseño para crear experiencias completas.

avatar santiago santiago programando

Hola, soy Santiago.👋 Encantado de conocerte.

Mi camino empezó con cables, routers y computadores, y terminó llevándome al mundo del desarrollo de software. Desde entonces, he pasado de entender cómo funcionan las cosas a construirlas yo mismo.

He desarrollado soluciones reales para clientes, adaptando sistemas y creando nuevas funcionalidades según sus necesidades.

Me gusta tanto el backend como el frontend, porque disfruto ver una idea completa: desde la lógica hasta cómo se ve.

Siempre estoy buscando mejorar, aprender y construir cosas nuevas, este espacio es una muestra de lo que soy capaz de construir.

🚀
¡Tenemos novedades!

Estoy mejorando constantemente este portafolio y cada proyecto. Explora los cambios, mejoras y nuevas funcionalidades que he ido construyendo paso a paso.

Ver historial de cambios →

Proyectos

Aplicaciones Básicas

Proyectos simples de gestión de datos (crear, leer, actualizar, borrar).

Aplicación Agenda de Contactos Estilo Interfaz de Celular

CRUD Principiante Público
📅 2024-04-01

Aplicación de Opiniones para Productos

CRUD Principiante Público
📅 2024-04-01

Aplicación de Gestión de Productos con Imágenes Múltiples

CRUD Principiante Público
📅 2024-04-01

Aplicación para Crear Recetas

CRUD Principiante Público
📅 2024-04-01
📂

No hay proyectos aún

Actualmente no hay proyectos registrados en esta categoría 🚀

Negocios y Productividad

Aplicaciones orientadas a la gestión empresarial.

Aplicación Carrito de Compras Web

Negocio Principiante Público
📅 2024-04-01

Aplicación de Carrito de Compras con Gestión de Pedidos

Negocio Principiante Público
📅 2024-04-01
📂

No hay proyectos aún

Actualmente no hay proyectos registrados en esta categoría 🚀

Comunicación e Interacción

Chats, notificaciones y conexión en tiempo real.

Aplicación Web de envío de Correos

Comunicacion Principiante Público
📅 2024-04-01

Sistema de Notificaciones en Tiempo Real

Comunicacion Principiante Público
📅 2024-04-01

Sistema de Preguntas y Respuestas para Productos

Comunicacion Principiante Público
📅 2024-04-01

Aplicación de Chat en Línea y Funcionalidades en Tiempo Real

Comunicacion Principiante Público
📅 2024-04-01
📂

No hay proyectos aún

Actualmente no hay proyectos registrados en esta categoría 🚀

Seguridad y Multiusuario

Roles, autenticación y lógica avanzada.

Mapa Merodeador con PHP

Seguridad Intermedio Privado
📅 2025-06-16

Sistema de Asignación de Horarios para Usuarios

Seguridad Principiante Público
📅 2024-04-01

Aplicación Multiusuario con Control de Roles

Seguridad Principiante Público
📅 2024-04-01
📂

No hay proyectos aún

Actualmente no hay proyectos registrados en esta categoría 🚀

Servicios Web & APIs

Integraciones y servicios reutilizables.

Aplicación Web para Pruebas de APIs

Servicios Principiante Público
📅 2025-02-22
📂

No hay proyectos aún

Actualmente no hay proyectos registrados en esta categoría 🚀

Herramientas de Administración

Paneles y sistemas de control.

📂

No hay proyectos aún

Actualmente no hay proyectos registrados en esta categoría 🚀

Sin proyectos en este lenguaje

Aún no he desarrollado proyectos con esta tecnología 👨‍💻

💡 Prueba con otro lenguaje o explora PHP

Sobre Mi

🚀 Mi Perfil Profesional

Conoce más sobre mi experiencia, habilidades y proyectos reales desarrollados.

Ver mi CV

Skills

HTML 90%
CSS 85%
JavaScript 60%
PHP 85%
MySQL 70%
Python 60%

Hobbies

⚽ Fútbol
🏓 Ping Pong
🏀 Basketball
🚴 Ciclismo
🎮 Videojuegos
✏️ Dibujar

🔗 Referencias y Recursos

Estos son algunos de los recursos, herramientas y sitios de referencia que utilizo en mis proyectos de programación.

JavaScript Docs

Documentación oficial y ejemplos prácticos del lenguaje.

Visitar sitio

MDN Web Docs

Guías y tutoriales de HTML, CSS y APIs web.

Visitar sitio

CSS Tricks

Artículos y técnicas avanzadas de CSS y diseño responsivo.

Visitar sitio

PHP.net

Referencia oficial del lenguaje PHP y sus funciones.

Visitar sitio

Preguntas Frecuentes

Sobre el Blog

Registro e Inicio

Proyectos

Chat y Contacto

¿Qué es este blog y para qué fue creado?▼
Este blog fue creado como un espacio personal y profesional donde comparto los proyectos de software que desarrollo. No solo funciona como portafolio o currículum, sino también como un entorno interactivo donde los visitantes pueden conocer, explorar y probar en tiempo real mis proyectos.
¿Puedo probar los proyectos directamente desde el blog?▼
Sí. Una de las características más destacadas es que puedes probar los proyectos directamente desde el sitio, sin necesidad de descargarlos ni salir de la página. Cada proyecto tiene un botón llamado "Probar proyecto" que abre una versión funcional en una nueva pestaña.
¿Cuál es la diferencia entre el blog principal y la interfaz de usuario?▼
La página principal es pública y permite visualizar mis proyectos, leer sus descripciones y ver los detalles técnicos.
La interfaz de usuario, en cambio, es exclusiva para usuarios registrados y permite acceder a más funciones, como probar los proyectos, recibir notificaciones, y chatear directamente conmigo.
¿Necesito registrarme para usar el blog?▼
No es obligatorio para ver los proyectos públicos, pero sí es necesario registrarse para acceder a la interfaz de usuario y poder probar proyectos o interactuar conmigo.
¿Cómo puedo registrarme?▼
En la parte superior encontrarás un botón llamado “Ingresar”. Al hacer clic, se abre el formulario de inicio de sesión, donde puedes seleccionar “Registrarme”. Solo necesitas un correo electrónico y un nombre de usuario. Si no existe, se te enviará un correo con tu usuario y contraseña de acceso.
¿Qué pasa si olvido mi contraseña?▼
En la misma página de inicio de sesión hay un enlace llamado “Olvidé mi contraseña”. Solo debes ingresar el correo con el que te registraste, y el sistema te enviará de nuevo tus credenciales.
¿Por qué mi usuario caduca a las 48 horas?▼
Por seguridad, las cuentas temporales tienen una duración inicial de 48 horas. Una vez caducadas, puedes reactivar tu usuario hasta dos veces más desde el mismo inicio de sesión. En la cuarta ocasión, deberás solicitar una reactivación manual al administrador (yo).
¿Puedo tener una cuenta permanente?▼
Sí, si eres colaborador, tester o miembro autorizado, puedo otorgarte un acceso permanente a través de la administración del sistema.
¿Por qué algunos proyectos son privados?▼
Los proyectos privados están reservados por motivos de confidencialidad, pruebas internas o porque forman parte de desarrollos empresariales. Sin embargo, puedes ver su descripción y un video demostrativo.
¿Cada proyecto tiene una explicación detallada?▼
Sí. Cada proyecto incluye una descripción completa con su objetivo, tecnologías utilizadas, características, lecciones aprendidas, y un video demostrativo con música de fondo.
¿Qué contiene la sección “Registro de cambios”?▼
Es un historial donde documento las actualizaciones, mejoras o correcciones que he hecho en cada proyecto. Al hacer clic en el botón “Ver registro de cambios”, podrás ver todos los detalles de la evolución del proyecto.
Qué tipo de tecnologías utilizas en tus proyectos?▼
Utilizo principalmente tecnologías web y de backend como PHP, JavaScript, React, MySQL, HTML, CSS, además de librerías y frameworks modernos. En cada proyecto detallo las tecnologías específicas utilizadas y el nivel de dominio que tengo en cada una.”, podrás ver todos los detalles de la evolución del proyecto.
¿Cómo funciona el chat con el administrador?▼
El chat está diseñado como una aplicación moderna de mensajería:
permite enviar mensajes en tiempo real, compartir archivos (PDF, Word, Excel, imágenes, videos, audios), grabar mensajes de voz y recibir notificaciones de conexión (en línea / fuera de línea).
¿Cómo puedo ponerme en contacto contigo?▼
Puedes usar el formulario de contacto que está al final de la página, o comunicarte directamente a través de los enlaces a Facebook, WhatsApp, LinkedIn o correo electrónico.
¿Qué información debo dejar en el formulario de contacto?▼
Solo necesitas escribir tu nombre, correo (o número de contacto), un mensaje breve y presionar el botón “Enviar”. Recibirás una confirmación automática de que tu mensaje fue enviado.
¿Respondes personalmente los mensajes?▼
Sí, todas las respuestas son gestionadas directamente por mí. Dependiendo del tipo de mensaje, puedo responderte por correo, chat o desde el mismo blog.

Gracias por contactarme. ¿En qué puedo ayudarte hoy?

Formulario de Contacto

😅 Oye... nombre y apellido por favor

😬 Con mayúscula al inicio, que se vea bonito

🤨 Sin símbolos ni cosas raras, solo letras

😅 Ese número no cuadra... debe empezar por 3 y tener 10 dígitos

🤔 Ese correo como que no... revisa el "@" y el dominio

🤭 Ey tranquil@... sin groserías por aquí

WhatsApp

Email

Facebook

LinkedIn

Copiado al portapapeles

Registro de Cambios

🔹 Explicación de los tipos de registros de cambios

Cada registro de cambio está categorizado visualmente mediante un emoji y una paleta de colores que facilitan la identificación del tipo de actualización realizada:

🚀 Nueva Funcionalidad (amarillo) ▼
Representa la incorporación de características inéditas que amplían las capacidades del sistema. Se utiliza un color vibrante y enérgico para destacar la innovación.
🐞 Corrección de Error (rojo) ▼
Señala la solución de fallos o incidencias detectadas. El color rojo resalta la naturaleza crítica de estos ajustes, asegurando la estabilidad del sistema.
⚡ Mejora / Optimización (verde) ▼
Indica ajustes que optimizan el rendimiento, la eficiencia o la usabilidad sin introducir funciones nuevas.
🎨 Cambio Estético / UI (lila) ▼
Hace referencia a modificaciones visuales y de interfaz orientadas a mejorar la experiencia del usuario. Los tonos lilas transmiten modernidad y frescura.
⚙️ Refactor Interno / Backend (azul) ▼
Representa mejoras en la estructura interna, organización del código o rendimiento del servidor. El azul simboliza estabilidad, solidez y confianza técnica.
😴

Sin cambios por aquí...

No hay registros de cambios en esta categoría actualmente.

⚡

[Mejora / Optimizacion] Mapa Merodeador con PHP saasdads

dsadsasda dfs fdffdsfds fdsdf

📅 18/08/2025 ⏱ 5h 21m 📂 Proyecto
🚀

[Nueva Funcionalidad] nuva funcionalidad profecional

nuva funcionalidad profecional

📅 19/08/2025 ⏱ 2h 3m 📂 Proyecto
⚙️

[Refactor interno / Backend] Mapa Merodeador con PHP

descripcion

📅 13/08/2025 ⏱ 2h 30m 👥 Usuario
🐞

[Corrección de error] Correcion

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id nostrum quasi perspiciatis nobis pariatur corrupti officia, distinctio maiores! Autem facilis ea doloribus ipsa deleniti ullamhhgg

📅 15/07/2025 ⏱ 1h 📂 Proyecto
⚡

[Mejora / Optimizacion] Super mejora

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id nostrum quasi perspiciatis nobis pariatur corrupti officia, distinctio maiores! Autem facilis ea doloribus ipsa deleniti ullam! Alias explicabo nostrum iure aut.

📅 16/07/2025 - 05/08/2025 ⏱ 25h 📂 Proyecto
🚀

[Nueva Funcionalidad] New Funtcionality

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id nostrum quasi perspiciatis nobis pariatur corrupti officia, distinctio maiores! Autem facilis ea doloribus ipsa deleniti ullam! Alias explicabo nostrum iure aut.

📅 09/08/2025 ⏱ 1h 20m 🛠 Administrador
⚙️

[Refactor interno / Backend] Refactor interno

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id nostrum quasi perspiciatis nobis pariatur corrupti officia, distinctio maiores! Autem facilis ea doloribus ipsa deleniti ullam! Alias explicabo nostrum iure aut.

📅 04/08/2025 - 11/08/2025 ⏱ 16h 40m 🏠 Principal
🎨

[Cambio estetico/UI] Cambio estetico

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id nostrum quasi perspiciatis nobis pariatur corrupti officia, distinctio maiores! Autem facilis ea doloribus ipsa deleniti ullam! Alias explicabo nostrum iure aut.

📅 05/08/2025 - 07/08/2025 ⏱ 6h 10m 🛠 Administrador
🚀

[Nueva Funcionalidad] No se por que

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id nostrum quasi perspiciatis nobis pariatur corrupti officia, distinctio maiores! Autem facilis ea doloribus ipsa deleniti ullam! Alias explicabo nostrum iure aut.

📅 01/08/2025 - 02/08/2025 ⏱ 15m 👥 Usuario
⚡

[Mejora / Optimizacion] mejora realizada

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id nostrum quasi perspiciatis nobis pariatur corrupti officia, distinctio maiores! Autem facilis ea doloribus ipsa deleniti ullam! Alias explicabo nostrum iure aut.

📅 11/08/2025 - 12/08/2025 ⏱ 5h 📂 Proyecto
🐞

[Corrección de error] Funcionalidad

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id nostrum quasi perspiciatis nobis pariatur corrupti officia, distinctio maiores! Autem facilis ea doloribus ipsa deleniti ullam! Alias explicabo nostrum iure aut.

📅 18/08/2025 ⏱ 8h 20m 🏠 Principal

Hey! Soy SanBot

👋 ¡Hola! Soy SanBot. ¿En qué puedo ayudarte hoy?

👨‍💻 Sobre mí


¡Hola! 🙋‍♂️ Soy Santiago, desarrollador web apasionado por crear herramientas prácticas, eficientes y visualmente atractivas. Me dedico principalmente al desarrollo con tecnologías como:


⭐ PHP
⭐ JavaScript
⭐ MySQL
⭐ HTML / CSS
⭐ Integración de APIs, automatización y servicios web 🔗

🎯 Más sobre mí


Cuando no estoy programando, disfruto de mis hobbies:


🎮 Videojuegos
🎵 Música
📚 Aprender nuevas tecnologías
💡 Crear proyectos personales


También incluyo una foto mía 👇 y una descripción breve dentro del blog para que puedas conocer un poco más sobre mí de manera más cercana y auténtica 😊.

Si quieres conocer más sobre mí, ver mi perfil completo, mi experiencia y algunos detalles adicionales dentro del blog 👇


Explorar ahora: Ir al perfil completo

❓ Preguntas Frecuentes


En el blog encontrarás una sección completa de FAQ dividida en diferentes categorías:


📌 Blog general
Preguntas sobre cómo funciona, navegación, contenido, etc.


🔐 Registro & Inicio de Sesión
Cómo registrarse, recuperar contraseña, activar cuenta.


🧰 Proyectos
Cómo verlos, cuáles son privados, niveles de dificultad, lenguajes usados.


💬 Chat
Cómo funciona SanBot, cómo interactuar y qué puede responder.


📨 Contacto
Cómo comunicarte conmigo, formularios y enlaces externos.


Además, cada pregunta tiene un formato desplegable: 👉 *al hacer click, se abre mostrando su respuesta detallada.*

Si quieres ver todas las preguntas con sus respuestas completas y navegar por cada categoría de forma interactiva 👇


Explorar sección: Ver preguntas frecuentes

🧰 Proyectos


En el blog podrás explorar mis proyectos organizados por categorías:


⚙️ Aplicaciones básicas
📊 Negocios y productividad
💬 Comunicación e interacción
🛡️ Seguridad y multiusuario
🌐 Servicios Web y APIs


Cada card contiene:


🔸 Título del proyecto
🔸 Lenguajes usados (PHP, JS, SQL, etc.)
🔸 Nivel: 🟢 Principiante – 🟡 Intermedio – 🔴 Avanzado
🔸 Tipo: Público o Privado 🔒

🚀 Más información de proyectos


Algunos proyectos incluyen documentación, vistas previas, capturas y futuros registros de cambios que detallan mejoras, actualizaciones y correcciones.

Puedes explorar todos los proyectos, ver sus detalles, tecnologías utilizadas y acceder a más información directamente desde el blog 👇


Ver todos los proyectos: Explorar proyectos →

🧾 Tecnologías Utilizadas


Estas son algunas de las herramientas que uso en el blog y mis proyectos:


🔹 PHP - Backend y APIs
🔹 JavaScript - Interacción y lógica del cliente
🔹 MySQL - Bases de datos
🔹 HTML / CSS - Estructura y diseño
🔹 AJAX - Comunicación asíncrona

🔧 Referencias y recursos


Algunas de las librerías, frameworks y plataformas usadas:


📘 Bootstrap
🎨 FontAwesome
🎯 jQuery
🔗 APIs externas
💾 GitHub para repositorios

Si quieres conocer en detalle todas las tecnologías, herramientas y recursos que utilizo en mis proyectos 👇


Ver tecnologías: Ir a tecnologías →

📜 Registro de Cambios


Esta sección muestra todos los cambios realizados tanto en el blog como en los proyectos. Aquí podrás ver:


🚀 Nuevas funcionalidades (amarillo)
🐞 Correcciones de errores (rojo)
⚡ Mejoras / Optimización (verde)
🎨 Cambios visuales / UI (lila)
⚙️ Refactor interno / Backend (azul)

📝 Detalles del registro


Cada entrada del changelog contiene:


🔸 Nombre del proyecto
🔸 Título del cambio
🔸 Descripción detallada
🔸 Fecha de implementación 📅
🔸 Horas invertidas ⏱️
🔸 Color según categoría


También habrá un botón en el index que redirecciona a la página con la lista completa de cambios para una consulta más detallada.

Puedes revisar el historial completo de cambios, mejoras y actualizaciones de cada proyecto directamente en el blog 👇


Explorar cambios: Ver todos los cambios

👋 ¡Gracias por usar SanBot ! Si necesitas más ayuda, vuelve a buscarme.