Real-time drone control and monitoring
A web app to control and monitor drones in real time, linked to Barcelona Drone Center’s entry in XPRIZE Wildfire.
- React
- JavaScript
- Supabase
- APIs
Read the case study
AdriàAutonell
I’m studying Network Systems Administration (ASIX, a two-year higher vocational degree) at Escorial Vic and work as a developer with Flutter and Java at Sivicom Engineering. At Barcelona Drone Center I built an app to control and monitor drones in real time, linked to XPRIZE Wildfire.
“I learn by doing: first I want to understand how something works, then I build it.”
The person behind the code
I’m Adrià. I live in Castellterçol, near Barcelona, and I’m studying Network Systems Administration (ASIX) at Escorial Vic. Before that I completed the intermediate vocational degree in Microcomputer Systems and Networks (SMX) at Institut Lliçà d’Amunt.
As a kid I didn’t understand how everything around me worked, and I wanted to learn how the whole system fitted together.
I started with my SMX work placement as an IT technician at Institut Escola Castellterçol: maintaining computers, the network and software. Then I worked independently at Gestión Integrada, rolling out Microsoft Dynamics NAV with automated reports and web forms.
At Barcelona Drone Center, from June 2025 to January 2026, I built on my own an app to control and monitor drones in real time, as part of a project linked to XPRIZE Wildfire. We had less than four months to get it ready.
Since January 2026 I’ve been working at Sivicom Engineering: Flutter on the frontend, Java on the backend, SQL databases and Linux systems.
What I enjoy most is software development and server administration. I like learning by doing and understanding how technologies work under the hood.
When I get stuck, I stop to think through alternatives and look for reliable sources. If that isn’t enough, I ask my seniors for help: the goal is to find the best solution and learn from it.
Over the coming months I want to prepare to study Computer Engineering at university, without leaving systems administration and infrastructure behind.
Where I’m coming from
Intermediate VET in Microcomputer Systems and Networks (SMX)
Institut Lliçà d’Amunt · Edifici Sant Baldiri
The foundations: computer systems, networks and technical support.
Mentoring programme
Fundació ImpulsaA programme that has supported me through my studies, with training in professional presentation and, above all, the confidence to take the next step.
IT technician · SMX work placement
Institut Escola Castellterçol
Computer and network maintenance, keeping all software up to date and producing office documents.
Microsoft Dynamics NAV implementation
Gestión Integrada
Implemented and configured Microsoft Dynamics NAV (Navision) to streamline business processes, with automated reports and web forms for the platform.
- Microsoft Dynamics NAV
Drone control & monitoring · XPRIZE Wildfire
Barcelona Drone CenterDual-training internship, then part-time. I built an app to control and monitor drones in real time, integrating external services through APIs, in a project linked to XPRIZE Wildfire. Also data in MySQL and services with Docker on Linux.
- React
- JavaScript
- Supabase
- MySQL
- Docker
- Linux
Higher VET in Network Systems Administration (ASIX)
Escorial Vic
Administration, configuration and maintenance of computer systems and networks.
Frontend & backend development
Sivicom Engineering, SL
Frontend in Flutter, backend in Java, SQL databases and day-to-day work on Linux systems.
- Flutter
- Java
- SQL
- Linux
Programming contests
During my intermediate vocational degree I took part in programming contests with Institut Lliçà d’Amunt.
Olimpíada Informàtica de Catalunya
An individual algorithmic problem-solving contest for pre-university students.
2024: qualified for the final, held at the University of Vic.
- 2024
- 2025
HP CodeWars Barcelona
A yearly team programming contest run by HP in Sant Cugat del Vallès.
- 2024
- 2025
- 2024
- 2025
Show, don’t boast
This website
My personal website: who I am, what I’ve done and how I work. In three languages, cookie-free and with its infrastructure on show.
- React 19
- TypeScript
- Vite
- Tailwind CSS 4
- React Router
- Cloudflare Workers
- Playwright
Read the case study
Where I am with each thing
No made-up percentages. Each thing is where it is: what I’ve done, what I use, what I’m practising and where I want to go.
- Done it in a real job
- Flutter
- Java
- React
- JavaScript
- SQL
- MySQL
- Supabase
- Docker
- Linux
- Microsoft Dynamics NAV
- Hardware & network maintenance
- User management
- Technical support
- Automated reports
- Using it in projects
- TypeScript
- Vite
- Tailwind CSS
- Cloudflare Workers
- Practising
- Business systems administration
- Networking
- Servers
- Scalability
- Performance & availability
- Want to go deeper
- Architecture of large projects
- Scalable systems
- Technical feasibility
- IT infrastructure
- Computer Engineering degree
How I work
I don’t just write code: I try to understand the problem and improve the result. Here’s how it went with this site.
Idea
Understand what the project has to achieve and who it’s for.
Let anyone see within minutes who I am, what I’ve done and how I work.
Research
Gather real information before deciding anything.
Check every fact before publishing it: dates, contests and the official name of XPRIZE Wildfire.
Design
Compare options before picking one.
Three visual directions; I chose the “site notebook”.
Build
Build with reusable pieces and data kept apart from design.
React + TypeScript, content in src/data, prerendered HTML.
Testing
Check it in a real browser, not just mine.
Playwright at 375, 768 and 1440 px: links, keyboard, console and Lighthouse.
Improve
Measure, fix and keep a record.
Every change goes into the changelog on this very page.
Want to know more about me?
If one of my projects caught your interest, you want to share an idea or you’re simply curious about what I do, feel free to write to me.
Work in progress
This site isn’t finished, and I’m not hiding it. Here I note what changes and why.
Changelog
v1.0.0
- First public release at adria-autonell.com, in Catalan, Spanish and English.
- Career path, programming contests and the Barcelona Drone Center drone-control project.
- A section index that tracks where you are, and the “Show the infrastructure” mode.
Mistakes that taught me something
The first automatic deploy failed
I connected Cloudflare to GitHub assuming automatic deploys would just work. They didn’t: the project had no configuration of its own, the tool tried to guess one and the build failed. It taught me to understand what happens between a push and the live site, and that deployment config belongs in the repository, not in whatever the tool assumes.