https://github.com/mouredev/portafolio-template
Portafolio web "perfecto" para programadores. Plantilla minimalista configurable a nivel gráfico y de contenido.
https://github.com/mouredev/portafolio-template
css html javascript json junior-developer portafolio portafolio-web python reflex template tutorial
Last synced: 7 days ago
JSON representation
Portafolio web "perfecto" para programadores. Plantilla minimalista configurable a nivel gráfico y de contenido.
- Host: GitHub
- URL: https://github.com/mouredev/portafolio-template
- Owner: mouredev
- License: apache-2.0
- Created: 2024-02-21T08:11:27.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-22T10:26:51.000Z (6 months ago)
- Last Synced: 2025-04-15T00:51:51.948Z (about 1 month ago)
- Topics: css, html, javascript, json, junior-developer, portafolio, portafolio-web, python, reflex, template, tutorial
- Language: Python
- Homepage: https://portafoliotemplate.dev
- Size: 2.53 MB
- Stars: 776
- Watchers: 12
- Forks: 108
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portafolio "perfecto" para programadores
[](https://python.org)
[](https://reflex.dev)
[](https://developer.mozilla.org/es/docs/Web/HTML)
[](https://developer.mozilla.org/es/docs/Web/CSS)
[](https://developer.mozilla.org/es/docs/Web/JavaScript)
## Plantilla de portafolio web minimalista configurable a nivel gráfico y de contenido.
Desarrollado utilizando [Python](https://python.org) y [Reflex](https://reflex.dev), disponible para desplegar de forma estática (HTML, CSS, JS).
#### Proyecto realizado durante emisiones en directo desde [Twitch](https://twitch.tv/mouredev)
> ##### 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](https://youtu.be/zFbTXe1yFGA) 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.
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](https://portafoliotemplate.dev)**
## Instalación
Puedes seguir la [guía oficial](https://reflex.dev/docs/getting-started/installation/) de Reflex.
Clona el proyecto, crea un entorno virtual, instala Reflex y ejecútalo para acceder al proyecto desde [http://localhost:3000](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](./assets/data/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](https://lucide.dev/icons/).
* Los iconos de las tecnologías se corresponden con los identificadores de [Devicon](https://devicon.dev/).
* 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
El proyecto utiliza [Vercel](https://vercel.com) como hosting de recursos estáticos.
Se configura el despliegue automático desde los archivos [vercel.json](./vercel.json) y [build.sh](./build.sh).
Aquí tienes la [demo](https://portafoliotemplate.dev/).
## 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.
[](https://github.com/mouredev/hello-python)
## Únete al campus de programación de la comunidad
#### Te presento [mouredev pro](https://mouredev.pro), mi proyecto más importante para ayudarte a estudiar programación y desarrollo de software de manera diferente.
> **¿Buscas un extra?** Aquí encontrarás mis cursos editados por lecciones individuales, para avanzar a tu ritmo y guardar el progreso. También dispondrás de ejercicios y correcciones, test para validar tus conocimientos, examen y certificado público de finalización, soporte, foro de estudiantes, reunionnes grupales, cursos exclusivos y mucho más.
>
> Entra en **[mouredev.pro](https://mouredev.pro)** y utiliza el cupón **"PRO"** con un 10% de descuento en tu primera suscripción.
##  Hola, mi nombre es Brais Moure.
### Freelance full-stack iOS & Android engineer
[](https://youtube.com/mouredevapps?sub_confirmation=1)
[](https://twitch.com/mouredev)
[](https://mouredev.com/discord)
[](https://twitter.com/mouredev)
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](https://moure.dev)**.
Si quieres unirte a nuestra comunidad de desarrollo, aprender programación, mejorar tus habilidades y ayudar a la continuidad del proyecto, puedes encontrarnos en:
[](https://twitch.tv/mouredev)
[](https://mouredev.com/discord) [](https://moure.dev)
[](https://moure.dev) [](https://github.com/mouredev)