12 de junio de 2025

Diseña tu Portafolio Personal con Modo Claro y Oscuro: Profesional, Estilizado y a la Vanguardia

En el desarrollo web, tener un portafolio bien diseñado es casi tan crucial como tus habilidades técnicas. Hoy quiero compartir contigo un proyecto sencillo pero impactante: una página de presentación con modo claro y oscuro, creada con HTML, Tailwind CSS y JavaScript. Ideal para exhibir tu trabajo con elegancia, modernidad y un toque personal.

Presentación Impecable, Adaptable y Funcional

Este proyecto está pensado para desarrolladores que buscan una página rápida, visualmente atractiva y fácil de mantener. El cambio entre modos claro y oscuro no solo suma estilo, sino que refleja tu atención al detalle y tu enfoque en la experiencia del usuario.

 

Gracias a Tailwind CSS (usado vía CDN), el diseño es limpio, ligero y se adapta a cualquier pantalla. La función de cambio de tema se maneja con JavaScript, permitiendo a los usuarios alternar entre modos sin recargar la página. Además, su preferencia se guarda automáticamente en el navegador para futuras visitas.

Tecnologías Clave

HTML: La estructura base de tu portafolio.

Tailwind CSS (CDN): Estilos modernos y diseño adaptable.

JavaScript: Cambio de tema y almacenamiento local.

CSS personalizado (opcional): Para ajustes adicionales.

Totalmente Adaptable a Cualquier Dispositivo

Tu portafolio lucirá perfecto tanto en móviles como en escritorio, gracias a un diseño responsive que se ajusta a cualquier tamaño de pantalla.

Cómo Usarlo

No necesitas configuraciones complicadas. Simplemente abre el archivo index.html en tu navegador y listo. Un botón intuitivo te permitirá cambiar entre modos, y tu elección se guardará automáticamente.

Ideas para Personalizarlo

  • Añade una sección de proyectos con enlaces a GitHub.
  • Integra animaciones sutiles con Framer Motion.
  • Incluye iconos de redes (LinkedIn, GitHub, etc.).
  • Agrega un formulario de contacto o tu correo electrónico.

Licencia Libre y de Uso Abierto

Este proyecto está bajo licencia MIT, lo que significa que puedes usarlo, modificarlo y compartirlo sin restricciones, incluso para fines comerciales. Perfecto para construir tu marca como desarrollador.

 

Este portafolio es parte de marcosgarciacarrasco.com, un ejemplo de cómo una idea simple puede convertirse en una herramienta profesional. Si buscas una forma rápida, moderna y personalizable de mostrar tu trabajo, ¡este es el punto de partida ideal!

Puedes verlo en funcionamiento aquí

 

¿Listo para crear el tuyo? 🚀