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, Spain";

6 experience: "+3 years of experience";

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, Spain +3 years of experience Available

I build systems that scale. I design backend architecture, diving deep into DevOps and cloud. Full-stack when needed - obsessed with technological advancements, AI, cloud...

build:

production-ready

mode:

architecture-driven

focus:

devops-architecture

Contact GitHub LinkedIn

# My professional focus

Focus Matrix

Visual representation of the priorities that guide my engineering and infrastructure decisions.

focus.md 5 priorities

focus.md

updated: now

- [x] **Full-Stack Development**

`82%`

> End-to-end ownership from interface to server, across multiple production systems.

- [x] **Backend Architecture**

`80%`

> Distributed service design, clean architecture principles and system scalability patterns.

- [x] **Data Engineering**

`78%`

> Relational and NoSQL databases, procedural query logic and data modelling for enterprise systems.

- [x] **DevOps & Infrastructure**

`72%`

> Deployment automation, container orchestration and infrastructure management.

- [x] **Quality & Security**

`70%`

> Static analysis, unit testing strategies and security-aware development practices.

> Architecture first

"Every system starts with a clear design. Maintainability and scalability are the foundation, not an afterthought."

> DevOps culture

"Code that ships is code that matters. Deployment, observability and infrastructure thinking start on day one."

> Security by design

"Security is not a layer added at the end. It is a mindset embedded in every decision, from data modelling to API design."

> Performance & scale

"Efficient systems are intentional systems. I design for the load that comes tomorrow, not just the one that exists today."

# stack_map.yml

Technology Stack

Technologies grouped by domain: full-stack, DevOps, security and infrastructure platforms.

6 groups 33 techs

YAML Definition

stack.yml

Live schema

 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: "Data Layer"
      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: "Quality"
      category: quality
      technologies:
        ESLint  JUnit  SonarQube
        OWASP ZAP
    
      id: "06"
      name: "Infrastructure"
      category: infrastructure
      technologies:
        OVH  AWS  Tomcat  WebLogic
        Nginx  Linux

Live preview

Stack map

stack view

frontend

Frontend

cluster 01 | 6 items

Angular .tsx

TypeScript .tsx

Astro .astro

Tailwind CSS .css

Bootstrap .css

JSP .jsp

coverage 100%

backend

Backend

cluster 02 | 6 items

Java .java

Python .py

Rust .rs

Spring Boot .java

Struts .java

LUA .lua

coverage 100%

data-layer

Data Layer

cluster 03 | 6 items

MySQL .sql

Oracle .sql

PostgreSQL .sql

MongoDB .json

DynamoDB .json

PL/SQL .sql

coverage 100%

devops

DevOps

cluster 04 | 5 items

GitLab git

GitHub git

Docker ops

Traefik proxy

ContainerD ops

coverage 83%

quality

Quality

cluster 05 | 4 items

ESLint qa

JUnit .test.ts

SonarQube qa

OWASP ZAP qa

coverage 67%

infrastructure

Infrastructure

cluster 06 | 6 items

OVH cloud

AWS cloud

Tomcat server

WebLogic server

Nginx server

Linux so

coverage 100%

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

Featured Projects

Click any card to inspect project details.

3 rows projects.db

1
2
3
4
5
6

-- Querying featured projects for portfolio window

SELECT *

FROM projects

WHERE status NOT LIKE 'archived'

ORDER BY impact DESC;

-- 3 rows returned.

Query executed successfully. 3 rows returned.

{

"projects": [

row 01 proj-01

Production

{

"title": "Home Lab Infra",

"description": "Self-managed infrastructure on Debian VPS. Orchestration with Docker, WireGuard private network and self-hosted GitLab with mirroring to GitHub.",

"link": "#"

techStack

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

highlights

Security via WireGuard VPN
CI/CD with GitLab Runners
Reverse Proxy with Traefik

row 02 proj-02

Production

{

"title": "Portfolio IRB IDE",

"description": "This portfolio. VS Code-inspired interface modularized with Astro components, i18n ES/EN, and pure CSS animations.",

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

techStack

"Astro" "TypeScript" "Tailwind CSS"

highlights

VS Code Neon theme
Modular Astro components
i18n ES / EN

</> view repo RUN view demo

row 03 proj-03

In Progress

{

"title": "Mini-PaaS",

"description": "Distributed Platform as a Service with Angular frontend, Spring REST API, gRPC service communication, async Rust workers and ContainerD isolation.",

"link": "#"

techStack

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

highlights

Angular frontend dashboard
Spring REST API
gRPC microservices

}

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

Experience & Education

Professional timeline focused on the current stage.

6 commits current track

Sep 2022 - Present

current

Software Developer

experience

Grupo Oesía

Development and maintenance of critical solutions in the field of electronic public administration (AST and GENCAT). Participation as a full-stack developer (Java, Angular, Spring Boot, JSP, Struts, OracleDB, PL/SQL), integrating services from public institutions, managing incidents, and supporting the training and guidance of other team members..

Sep 2025 - 20h

Clean Code and Design Patterns

education

Ibertech

Training focused on principles and best practices for writing clean, maintainable, and scalable code. The course covers concepts such as readability, refactoring, function and class design, and application of standards that facilitate teamwork and long-term software evolution.

Apr 2021 - Jul 2021

Sales & Event Manager

experience

Eventos BGP

Advertising activities and brand expansion to the private sector. Client acquisition in the gaming industry.

2023 - Present

Bachelor's Degree in Computer Engineering

education

Universitat Oberta de Catalunya

Undergraduate degree in Computer Science. Currently in progress.

2021 - 2023

Multiplatform App Development (DAM)

education

CPIFP Los Enlaces

Advanced vocational training in multiplatform application development. Completed.

2019 - 2021

Marketing and Advertising

education

CPIFP Los Enlaces

Advanced vocational training in marketing and advertising. Completed.

#!/bin/bash - init_contact.sh

Let us build the next project

Open to new opportunities, freelance projects, and meaningful collaborations.

contact.sh - zsh open_to_work

contact.sh - zsh

$ ./contact.sh --init

# Connecting with Iván Ramón Bolsa...

email:ivanramonbolsa@gmail.com

github:github.com/ivantatsu

linkedin:linkedin.com/in/ivanramon

$ status: open_to_work |

Send message Connect on LinkedIn

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

Version	2.0.0
Engine	Astro v5
Language	TypeScript
Styling	Tailwind CSS v4
License	MIT