whoami
Manu — Ing. Informática & Dev en formación · Barrancabermeja 🇨🇴
cat proyectos.txt
pack-cartas-amor/ saberquest/ academix/
echo $META
Construir, aprender y crecer — un proyecto a la vez 🚀
v2.0.0

Tecnología
& Código

Aquí vivo lo que aprendo. La tecnología no es solo mi carrera — es mi forma de resolver problemas, de crear y de servir. Cada proyecto es una clase. Cada bug, una lección.

Soy honesto con mi nivel: estoy en el camino, aprendiendo en público y construyendo mientras avanzo. Eso es exactamente lo que quiero mostrar aquí.

4 Proyectos
8+ Tecnologías
Por aprender

Mi Stack Actual

Las tecnologías con las que trabajo hoy y las que estoy incorporando activamente. Nivel honesto, sin exagerar.

HTML5

Estructura semántica y accesible

Intermedio

CSS3

Responsive, animaciones, variables CSS

Intermedio

JavaScript

ES6+, DOM, Canvas API, módulos

En progreso

React

Componentes, hooks — lo uso en Academix

Básico

Node.js + Express

API REST — lo uso en mi Pack de Cartas

Básico

SQL / MySQL

Consultas, relaciones — Prisma ORM en Academix

Básico

Supabase

PostgreSQL + Auth — base del Pack de Cartas

En progreso

Firebase

Auth + Firestore — backend de SaberQuest

En progreso

Git & GitHub

Control de versiones en todos mis proyectos

En progreso

VS Code

Mi editor principal — extensiones y atajos

Cómodo

Netlify & Render

Hosting del Pack de Cartas en producción

Básico

Figma & Canva

Prototipos y diseño de mis proyectos

Básico

TypeScript

Lo uso en Academix — sigo profundizando

En curso

React avanzado

Context, useReducer, patrones de arquitectura

En mi radar

Svelte

Framework ligero para interfaces rápidas

Futura meta

Go (Golang)

Backend eficiente — meta a largo plazo

Futura meta

Mis Proyectos

Proyectos reales, construidos por mí, con botones que funcionan de verdad. Cada uno es un paso hacia mis metas.

App Android En desarrollo

🧠 SaberQuest

App Android educativa y gamificada. El usuario responde trivia para subir de rango (de Aprendiz a Gran Maestro). Incluye banco de 150 preguntas con shuffle Fisher-Yates, 10 niveles de competencia, misiones diarias, tienda con poderes y sistema de vidas. Pensada para hacer el aprendizaje más divertido. 100% gratis.

HTML/CSS/JS Firebase Firestore Capacitor
Web App SENA ADSO

🎓 Academix

Sistema web de gestión académica para el SENA ADSO. Permite gestionar materias, tareas, fechas y notificaciones. Arquitectura full-stack profesional con React + TypeScript en frontend, Node.js + Express en backend, Prisma ORM + MySQL 8, autenticación JWT y bcrypt. Proyecto académico — gratis.

React TypeScript Node.js Prisma MySQL JWT
Portafolio En desarrollo

🌐 El Mundo de Manu

Este mismo sitio. Multi-sección construido desde cero con HTML5, CSS3 y JavaScript vanilla puro — sin frameworks, sin librerías externas. Cursor personalizado, canvas de partículas, animaciones con IntersectionObserver, loader, filtros interactivos y diseño 100% responsive. Cada línea comentada para aprender mientras progreso.

HTML5 CSS3 JavaScript Canvas API Hostinger
Próximamente

🔧 Próximo proyecto

Estoy definiendo el siguiente proyecto técnico. Cuando esté listo, aparecerá aquí con todos sus detalles, botones reales y su código en GitHub.

Futuro

💡 Espacio reservado

Este espacio crecerá junto conmigo. Habrá proyectos de cada sección del sitio — tecnología, fe, gaming, relaciones e infancia.

Tecnología & Tendencias

Hablo de lo que pasa en el mundo tech, de lo que aprendo y de lo que me parece relevante para developers en formación como yo.

Aprendizaje

Lo que aprendí construyendo mi primer producto digital desde cero

Pasarelas de pago, webhooks, sessionStorage, SMTP, tokens... construir el Pack de Cartas me enseñó más que cualquier tutorial. Cuento los errores reales y cómo los resolví.

Artículo en proceso ✍️
JavaScript

IntersectionObserver: animaciones de scroll sin librerías

Cómo animar elementos al hacer scroll usando solo la API nativa del navegador. Sin dependencias, sin librerías — puro JavaScript. Lo uso en todo este sitio.

Artículo en proceso ✍️
IA

Cómo uso la IA para aprender a programar más rápido (sin trampa)

La diferencia entre pedirle código a la IA y pedirle que te enseñe. Mi método para sacarle el mayor provecho como estudiante con recursos limitados.

Próximamente 🔜
Tendencias

Lo más relevante en tecnología para developers Junior en 2026

Qué aprender, qué evitar y en qué enfocarse si estás empezando en el desarrollo web hoy. Mi perspectiva desde Colombia.

Próximamente 🔜
Git

Mi flujo de trabajo con Git trabajando solo en proyectos personales

Cómo organizo mis commits, ramas y versiones cuando trabajo solo. Sin sobrecomplícar — lo que realmente funciona.

Próximamente 🔜
Próximamente

Más artículos en camino...

Escribo sobre lo que aprendo. A medida que avance en mis proyectos y estudios, este blog irá llenándose de contenido real y honesto.

Muy pronto 🔜

Mi Camino de Aprendizaje

Aprendo en público, con recursos reales y construyendo cosas. Aquí comparto qué estoy estudiando y cómo lo hago.

Estudiando ahora

📘

JavaScript — Fundamentos avanzados

MDN Web Docs + práctica en proyectos reales

70%
🎨

CSS — Animaciones y diseño avanzado

Construyendo este sitio desde cero

75%
🟢

Node.js + Express — APIs REST

Pack de Cartas + Academix

45%
🐙

Git — Flujo de trabajo profesional

Todos mis proyectos en GitHub

55%

Mis principios al aprender

01

Construir primero

Aprendo mejor haciendo. Cada concepto nuevo lo aplico en un proyecto real de inmediato.

02

Fundamentos sólidos

Antes de saltar a frameworks, quiero dominar HTML, CSS y JS vanilla con profundidad real.

03

Aprender en público

Comparto mi proceso aunque no sea perfecto. El progreso vale más que la perfección.

04

Consistencia sobre intensidad

Prefiero aprender algo cada día durante meses que un maratón de una semana y parar.

¿Quieres ver mi código?

Todos mis proyectos están (o estarán) en GitHub. Sígueme para ver cómo construyo en tiempo real — sin filtros, con errores incluidos.