TS portfolio.ts : src/views/portfolio.ts

TS portfolio.ts

2 interface Developer {

3 name: "Iván Ramón Bolsa";

4 role: "Full-Stack Developer & DevOps Architect";

5 location: "Zaragoza, España";

6 experience: "+3 años de experiencia";

7 }

9 const profile = (): Developer => ({

10 status: "open to work",

11 passion: "system design",

12 focus: "devops & architecture",

13 });

preview

// portfolio.profile.ts

Iván Ramón Bolsa

Full-Stack Developer & DevOps Architect

Zaragoza, España +3 años de experiencia Disponible

Construyo sistemas que escalan. Diseño arquitectura backend, profundizando de devops y cloud. Full-stack cuando hace falta - obsesionado con los avanzes tecnológicos, IA, cloud...

build:

production-ready

mode:

architecture-driven

focus:

devops-architecture

Contactar GitHub LinkedIn

# Mi enfoque profesional

Matriz de Enfoque

Representación visual de las prioridades que guían mis decisiones de ingeniería y arquitectura.

focus.md 5 prioridades

focus.md

actualizado: ahora

- [x] **Desarrollo Full-Stack**

`82%`

> Responsabilidad end-to-end desde la interfaz hasta el servidor, en múltiples sistemas en producción.

- [x] **Arquitectura Backend**

`80%`

> Diseño de servicios distribuidos, principios de arquitectura limpia y patrones de escalabilidad.

- [x] **Ingeniería de Datos**

`78%`

> Bases de datos relacionales y NoSQL, lógica procedimental de consultas y modelado de datos para sistemas empresariales.

- [x] **DevOps e Infraestructura**

`72%`

> Automatización de despliegues, orquestación de contenedores y gestión de infraestructura.

- [x] **Calidad y Seguridad**

`70%`

> Análisis estático, estrategias de testing unitario y prácticas de desarrollo orientadas a la seguridad.

> Arquitectura primero

"Todo sistema empieza por un diseño claro. La mantenibilidad y la escalabilidad son la base, no un añadido posterior."

> Cultura DevOps

"El código que llega a producción es el que importa. El despliegue, la observabilidad y la infraestructura se piensan desde el primer día."

> Seguridad por diseño

"La seguridad no es una capa que se añade al final. Es una mentalidad presente en cada decisión, desde el modelo de datos hasta el diseño de la API."

> Rendimiento y escala

"Los sistemas eficientes son sistemas intencionales. Diseño para la carga de mañana, no solo para la que existe hoy."

# stack_map.yml

Stack Tecnologico

Tecnologías organizadas por dominio: full-stack, DevOps, seguridad y plataformas de infraestructura.

6 bloques 33 tecnologias

Definicion YAML

stack.yml

Esquema vivo

 stack:
  file: stack.yml
  schema: portfolio-tech/v2
  editor: "neon-workspace"
  groups:
    
      id: "01"
      name: "Frontend"
      category: frontend
      technologies:
        Angular  TypeScript  Astro
        Tailwind CSS  Bootstrap
        JSP
    
      id: "02"
      name: "Backend"
      category: backend
      technologies:
        Java  Python  Rust
        Spring Boot  Struts  LUA
    
      id: "03"
      name: "Capa de Datos"
      category: data-layer
      technologies:
        MySQL  Oracle  PostgreSQL
        MongoDB  DynamoDB  PL/SQL
    
      id: "04"
      name: "DevOps"
      category: devops
      technologies:
        GitLab  GitHub  Docker
        Traefik  ContainerD
    
      id: "05"
      name: "Calidad"
      category: quality
      technologies:
        ESLint  JUnit  SonarQube
        OWASP ZAP
    
      id: "06"
      name: "Infraestructura"
      category: infrastructure
      technologies:
        OVH  AWS  Tomcat  WebLogic
        Nginx  Linux

Vista viva

Mapa del stack

vista mapa

frontend

Frontend

grupo 01 | 6 items

Angular .tsx

TypeScript .tsx

Astro .astro

Tailwind CSS .css

Bootstrap .css

JSP .jsp

cobertura 100%

backend

Backend

grupo 02 | 6 items

Java .java

Python .py

Rust .rs

Spring Boot .java

Struts .java

LUA .lua

cobertura 100%

data-layer

Capa de Datos

grupo 03 | 6 items

MySQL .sql

Oracle .sql

PostgreSQL .sql

MongoDB .json

DynamoDB .json

PL/SQL .sql

cobertura 100%

devops

DevOps

grupo 04 | 5 items

GitLab git

GitHub git

Docker ops

Traefik proxy

ContainerD ops

cobertura 83%

quality

Calidad

grupo 05 | 4 items

ESLint qa

JUnit .test.ts

SonarQube qa

OWASP ZAP qa

cobertura 67%

infrastructure

Infraestructura

grupo 06 | 6 items

OVH cloud

AWS cloud

Tomcat server

WebLogic server

Nginx server

Linux so

cobertura 100%

// projects.db - SELECT * FROM projects ORDER BY impact DESC

Proyectos Destacados

Click en cualquier tarjeta para ver los detalles del proyecto.

3 filas projects.db

1
2
3
4
5
6

-- Consultando proyectos destacados para la ventana del portfolio

SELECT *

FROM projects

WHERE status NOT LIKE 'archived'

ORDER BY impact DESC;

-- 3 filas devueltas.

Consulta ejecutada correctamente. 3 filas devueltas.

{

"projects": [

fila 01 proj-01

Produccion

{

"title": "Home Lab Infra",

"description": "Infraestructura auto-gestionada en VPS Debian. Orquestación con Docker, red privada WireGuard y GitLab self-hosted con mirroring a GitHub.",

"link": "#"

stack tecnico

"Debian" "Docker" "WireGuard" "GitLab" "Traefik"

puntos clave

Seguridad via WireGuard VPN
CI/CD con GitLab Runners
Reverse Proxy con Traefik

fila 02 proj-02

Produccion

{

"title": "Portfolio IRB IDE",

"description": "Este mismo portfolio. Interfaz inspirada en VS Code, modularizada con componentes Astro, i18n ES/EN y animaciones CSS puras.",

"link": "https://github.com/ivantatsu/portfolio"

stack tecnico

"Astro" "TypeScript" "Tailwind CSS"

puntos clave

Tema VS Code Neon
Componentes Astro modulares
i18n ES / EN

</> ver repo RUN view demo

fila 03 proj-03

Desarrollo

{

"title": "Mini-PaaS",

"description": "Plataforma como Servicio distribuida con frontend Angular, API REST en Spring, comunicación gRPC entre servicios, workers async en Rust y aislamiento de contenedores con ContainerD.",

"link": "#"

stack tecnico

"Angular" "Spring" "gRPC" "Rust" "Tokio" "ContainerD"

puntos clave

Dashboard frontend Angular
API REST con Spring
Microservicios gRPC

}

// git log --oneline --graph --all

Experience & Education

Trayectoria profesional con foco en la etapa actual.

6 commits actual recorrido

Sep 2022 - Actualidad

actual

Software Developer

experiencia

Grupo Oesía

Desarrollo y mantenimiento de soluciones críticas dentro del ámbito de la administración publica electrónica(AST y GENCAT). Participación como técnico fullstack (Java, Angular, Spring Boot, JSP, Struts, OracleDB, PL/SQL) integrando servicios de organismos públicos, gestionando incidencias, apoyando en la formación y acompañamiento de otros miembros del equipo.

Sep 2025 - 20h

Código limpio y Patrones de Diseño

educacion

Ibertech

Formación enfocada en los principios y buenas prácticas para escribir código limpio, mantenible y escalable. El curso aborda conceptos como legibilidad, refactorización, diseño de funciones y clases, y aplicación de estándares que facilitan el trabajo en equipo y la evolución del software a largo plazo.

Abr 2021 - Jul 2021

Comercial y Creación de Eventos

experiencia

Eventos BGP

Actividades publicitarias y expansión de la marca al sector privado. Captación de clientes en la industria de los videojuegos.

2023 - Actualidad

Grado en Ingeniería Informática

educacion

Universitat Oberta de Catalunya

Estudios universitarios en curso.

2021 - 2023

Desarrollo de Aplicaciones Multiplataforma (DAM)

educacion

CPIFP Los Enlaces

Grado Superior - Finalizado.

2019 - 2021

Marketing y Publicidad

educacion

CPIFP Los Enlaces

Grado Superior - Finalizado.

#!/bin/bash - init_contact.sh

Hablemos del siguiente proyecto

Abierto a nuevas oportunidades, proyectos freelance y colaboraciones interesantes.

contact.sh - zsh open_to_work

contact.sh - zsh

$ ./contact.sh --init

# Conectando con Iván Ramón Bolsa...

email:ivanramonbolsa@gmail.com

github:github.com/ivantatsu

linkedin:linkedin.com/in/ivanramon

$ status: open_to_work |

Enviar mensaje Conectar en LinkedIn

Astro & Tailwind - VS Code Neon Theme Iván Ramón Bolsa @2026

Versión	2.0.0
Motor	Astro v5
Lenguaje	TypeScript
Estilos	Tailwind CSS v4
Licencia	MIT