AdriàAutonell

1. Formación · 2023 — 2025

   CFGM Sistemas Microinformáticos y Redes (SMX)

   Institut Lliçà d’Amunt · Edifici Sant Baldiri

   La base: sistemas informáticos, redes y soporte técnico.

2. Crecimiento · 2023 — 2026

   Programa de acompañamiento

   Fundació Impulsa

   Un programa que me ha acompañado durante los estudios, con formación en presentación profesional y, sobre todo, confianza para dar el siguiente paso.

3. Experiencia

   Técnico informático · prácticas del CFGM SMX

   Institut Escola Castellterçol

   Mantenimiento de los ordenadores y de la red, actualización de todo el software y elaboración de documentos ofimáticos.

4. Experiencia · 2024 — 2025 · 6 meses

   Implantación de Microsoft Dynamics NAV

   Gestión Integrada

   Implementación y configuración de Microsoft Dynamics NAV (Navision) para optimizar procesos empresariales, con informes automatizados y formularios web para la plataforma.

   • Microsoft Dynamics NAV

5. Experiencia · junio 2025 — enero 2026

   Control y monitorización de drones · XPRIZE Wildfire

   Barcelona Drone Center

   Prácticas duales y trabajo a tiempo parcial. Desarrollé una aplicación para controlar y monitorizar drones en tiempo real, integrando servicios externos mediante APIs, en un proyecto vinculado al XPRIZE Wildfire. También datos con MySQL y servicios con Docker sobre Linux.

   • React
   • JavaScript
   • Supabase
   • MySQL
   • Docker
   • Linux

6. Formación · 2025 — actualidad

   CFGS Administración de Sistemas Informáticos en Red (ASIX)

   Escorial Vic

   Administración, configuración y mantenimiento de sistemas informáticos y redes.

7. Experiencia · enero 2026 — actualidad

   Desarrollo frontend y backend

   Sivicom Engineering, SL

   Frontend con Flutter, backend con Java, bases de datos SQL y trabajo sobre sistemas Linux.

   • Flutter
   • Java
   • SQL
   • Linux

1. 01Proyecto profesional · Barcelona Drone Center · XPRIZE Wildfire

   Control y monitorización de drones

   Aplicación web para controlar y monitorizar drones en tiempo real, vinculada a la participación de Barcelona Drone Center en el XPRIZE Wildfire.

   • React
   • JavaScript
   • Supabase
   • APIs

   

   Leer el caso

2. 02Proyecto personal · v1.0.0

   Esta web

   Mi web personal: quién soy, qué he hecho y cómo trabajo. En tres idiomas, sin cookies y con la infraestructura a la vista.

   • React 19
   • TypeScript
   • Vite
   • Tailwind CSS 4
   • React Router
   • Cloudflare Workers
   • Playwright

   

   Leer el caso

Sin porcentajes inventados. Cada cosa está donde está: lo que ya he hecho, lo que uso, lo que practico y hacia dónde quiero ir.

■Lo he hecho en un entorno realSivicom · Barcelona Drone Center · Gestión Integrada

• Flutter
• Java
• React
• JavaScript
• SQL
• MySQL
• Supabase
• Docker
• Linux
• Microsoft Dynamics NAV
• Mantenimiento de equipos y red
• Gestión de usuarios
• Soporte técnico
• Informes automatizados

◧Lo utilizo en proyectosEsta web

• TypeScript
• Vite
• Tailwind CSS
• Cloudflare Workers

◫Estoy practicandoASIX y trabajo

• Administración de sistemas de empresa
• Redes
• Servidores
• Escalabilidad
• Rendimiento y disponibilidad

□Quiero profundizarSiguiente paso

• Arquitectura de proyectos grandes
• Sistemas escalables
• Viabilidad técnica
• Infraestructuras informáticas
• Ingeniería Informática

No solo escribo código: intento entender el problema y mejorar el resultado. Así ha ido con esta web.

1. 01

   Idea

   Entender qué tiene que conseguir el proyecto y para quién es.

   En esta web: Que cualquier persona pueda ver en pocos minutos quién soy, qué he hecho y cómo trabajo.

2. 02

   Investigación

   Reunir información real antes de decidir nada.

   En esta web: Comprobar cada dato antes de publicarlo: fechas, concursos y el nombre oficial del XPRIZE Wildfire.

3. 03

   Diseño

   Comparar opciones antes de elegir una.

   En esta web: Tres direcciones visuales; elegí la del cuaderno de obra.

4. 04

   Desarrollo

   Construir con piezas reutilizables y datos separados del diseño.

   En esta web: React + TypeScript, contenido en src/data, HTML prerenderizado.

5. 05

   Pruebas

   Comprobarlo en un navegador real, no solo en el mío.

   En esta web: Playwright a 375, 768 y 1440 px: enlaces, teclado, consola y Lighthouse.

6. 06

   Mejoras

   Medir, corregir y dejar constancia.

   En esta web: Cada cambio queda en el registro de cambios de esta misma página.

Si te interesa alguno de mis proyectos, quieres compartir una idea o simplemente tienes curiosidad por lo que hago, puedes escribirme.

adria.autonell@proton.me

Esta web no está terminada, y no lo escondo. Aquí apunto qué cambia y por qué.

Registro de cambios

1. v1.0.0
   oct 2026

   • Primera versión pública en adria-autonell.com, en catalán, castellano e inglés.
   • Trayectoria, concursos de programación y el proyecto de control de drones de Barcelona Drone Center.
   • Índice que marca la sección en la que estás y modo «Ver la infraestructura».

Errores que me enseñaron algo

• El primer despliegue automático falló

  Vinculé Cloudflare con GitHub dando por hecho que el despliegue automático funcionaría solo. No fue así: el proyecto no tenía configuración propia, la herramienta intentó adivinarla y el build fallaba. Me enseñó a entender qué pasa entre un push y la web publicada, y que la configuración del despliegue debe vivir en el repositorio, no depender de lo que suponga la herramienta.