Skip to content

Portafolio web "perfecto" para programadores. Plantilla minimalista configurable a nivel gráfico y de contenido.

License

Notifications You must be signed in to change notification settings

mouredev/portafolio-template

Repository files navigation

Portafolio "perfecto" para programadores

Python Reflex

HTML CSS JavaScript

Plantilla de portafolio web minimalista configurable a nivel gráfico y de contenido.

Desarrollado utilizando Python y Reflex, disponible para desplegar de forma estática (HTML, CSS, JS).

Proyecto realizado durante emisiones en directo desde Twitch

Si consideras útil el proyecto, apóyalo haciendo "★ Star" en el repositorio. ¡Gracias!

Portafolio

¿Qué información debo añadir en mi portafolio como desarrollador? En este vídeo explico el por qué de cada apartado.

Tras el análisis, elaboré un esquema para reflejar la información obligatoria, recomendable, opcional y desaconsejada de la web.

Esquema portafolio

Con esta premisa he desarrollado este proyecto web que refleja de manera real toda la información de nuestro "portafolio perfecto".

Proyecto

Plantilla web para programadores desarrollada con la premisa de crear el "portafolio perfecto", con todas las secciones e información fundamental.

  • Avatar y datos principales
  • Información de contacto, CV y redes
  • Sobre mí
  • Tecnologías
  • Experiencia
  • Proyectos
  • Formación
  • Extra

Demo: https://portafoliotemplate.dev

Instalación

Puedes seguir la guía oficial de Reflex.

Clona el proyecto, crea un entorno virtual, instala Reflex y ejecútalo para acceder al proyecto desde http://localhost:3000.

pip install reflex

reflex init

reflex run

Configuración

Principalmente puedes configurar el contenido y el aspecto gráfico del sitio web.

  • Contenido: Edita el archivo data.json con la información de tu portafolio.
    • Campos opcionales dentro de experience, projects y training: technologies, date, certificate, image, url y github.
    • Los iconos generales se corresponden con los identificadores de Lucide icons.
    • Los iconos de las tecnologías se corresponden con los identificadores de Devicon.
  • Tema: Edita el tema gráfico de la web.
    • Descomenta la línea rx.theme_panel() en portafolio.py.
    • Inicia el proyecto, selecciona la configuración que quieras y pulsa Copy Theme.
    • Añade esa información dentro de theme=rx.theme() en portafolio.py.

Despliegue

Vercel

El proyecto utiliza Vercel como hosting de recursos estáticos.

Se configura el despliegue automático desde los archivos vercel.json y build.sh.

Aquí tienes la demo.

Curso de Python desde cero

Aprende Python desde sus fundamentos

Si quieres aprender desde cero, tienes gratis todos los tutoriales que he creado. Más de 37 horas desde fundamentos, frontend, backend o integración con IA.

Curso Python

Si quieres unirte a nuestra comunidad de desarrollo, aprender programación de Apps, mejorar tus habilidades y ayudar a la continuidad del proyecto, puedes encontrarnos en:

Twitch Discord Link

https://mouredev.com Hola, mi nombre es Brais Moure.

Freelance full-stack iOS & Android engineer

YouTube Channel Subscribers Twitch Status Discord Twitter Follow GitHub Followers GitHub Followers

Soy ingeniero de software desde 2010. Desde 2018 combino mi trabajo desarrollando Apps con la creación de contenido formativo sobre programación y tecnología en diferentes redes sociales como @mouredev.

En mi perfil de GitHub tienes más información

Web