<!DOCTYPE html><html lang="en"><head><meta charset="utf-8" /><title>Flavio De Stefano - aka @kopiro</title><meta name="robots" content="index, follow"/><meta name="description" content="software developer for passion, music and photography enthusiast"/><meta name="author" content="Flavio De Stefano"><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"><link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link href="/style.css?v=2" rel="stylesheet" /></head><body><h1>Flavio De Stefano</h1><h2>One of the greatest satisfactions is to create something on your own. My best way to do it's by coding.</h2><div id="story"><p><strong>Backend and Mobile Lead Developer for @Caffeina, Parma, IT.</strong></p><p>I started to learn how to code during high school, studying <strong>algorithms</strong> and <strong>data structures</strong> in C and C++. In the meantime, I used to build simple desktop apps using .NET... and it immediately became my <strong>passion</strong>.</p><p>Specializing as a <strong>full-stack developer</strong> using PHP and classical web technologies, I loved to build animations using canvas and javascript API. Then I focused on building REST backends using <strong>PHP</strong> and <strong>Laravel</strong>, and making some experience with high-scalable <strong>Node.js</strong> application and simple CLI utilities. During mobile era in 2015, I started to learn <strong>Titanium</strong> since 3.x release, becoming a core contributor of this framework.</p><p>I love to build useful stuff that solves (my) everyday problems, and as soon as I can I release <strong>Open Source</strong> projects. I'm currently studying <strong>cyber-security</strong> and I used to do CTF competitions.</p><p>Known as <strong>@kopiro</strong>.</p></div><h3>Press</h3><ul><li><a target="_blank" rel="noopener" href="https://medium.com/destefanoflavio/reverse-engineering-spotify-and-chromecast-protocols-to-let-my-vocal-assistant-play-music-ada4767efa2">Reverse engineering Spotify and Chromecast protocols to let my vocal assistant play music <span>(Jan 2018)</span></a></li><li><a target="_blank" rel="noopener" href="https://medium.com/destefanoflavio/the-hardware-behind-otto-a-monkey-plush-which-became-my-vocal-assistant-96a25c634021">The hardware behind Otto: a monkey plush which became my vocal assistant <span>(Apr 2018)</span></a></li><li><a target="_blank" rel="noopener" href="https://medium.com/destefanoflavio/kali-installation-on-usb-stick-with-pure-efi-boot-on-a-mac-37585b7698e2">Kali installation on USB stick with pure EFI boot on a Mac + virtualization via USB on Virtualbox <span>(May 2018)</span></a></li><li><a target="_blank" rel="noopener" href="https://medium.com/destefanoflavio/what-i-learned-hacking-facebook-messenger-soccer-game-3c882ea8537d">What I learned hacking Facebook Messenger Soccer game <span>(Jul 2016)</span></a></li><li><a target="_blank" rel="noopener" href="https://medium.com/destefanoflavio/kata-resolution-next-bigger-number-with-the-same-digits-4eab491852d2">Kata resolution: Next bigger number with the same digits <span>(Feb 2016)</span></a></li><li><a target="_blank" rel="noopener" href="https://medium.com/destefanoflavio/deal-with-titanium-modules-and-its-missing-support-for-android-multidex-546de5486d13">Deal with Titanium modules and its missing support for Android multidex <span>(May 2016)</span></a></li><li><a target="_blank" rel="noopener" href="https://medium.com/destefanoflavio/mobile-workflow-con-appcelerator-titanium-come-sviluppa-caffeina-a9d90efc3198">Mobile Workflow con Appcelerator Titanium: come sviluppa Caffeina <span>(May 2014)</span></a></li></ul><br/><h3>OSS Projects</h3><ul><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/siriwavejs"><b>siriwavejs</b>: <span>The Siri wave replicated in a JS library.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/trimethyl/trimethyl"><b>trimethyl</b>: <span>Titanium toolchain with superpower and wrapper around bugs.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/ti.notifications"><b>ti.notifications</b>: <span>Useful Titanium+Alloy widget to handle notifications messages when app is in foreground.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/ti.goosh"><b>ti.goosh</b>: <span>GCM/FCM module for Titanium.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/ti.tilt-image-view"><b>ti.tilt-image-view</b>: <span>FacebookPaper-style tilt-fullscreen Image viewer widget for Titanium Alloy.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/ti.loader"><b>ti.loader</b>: <span>Alloy+Titanium widget to display a loader mask for you applications.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/ti.searchbar"><b>ti.searchbar</b>: <span>Titanium Widget to display a search bar.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/ti.sharer"><b>ti.sharer</b>: <span>Sharing widget heavily inspired by AirBNB, with default drivers and the ability to add custom drivers to share.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/ti.formbuilder"><b>ti.formbuilder</b>: <span>Build forms for Titanium with just an object.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/ti.passcode"><b>ti.passcode</b>: <span>Alloy+Titanium widget for an identical iPhone lock screen with passcode.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/otto-ai"><b>otto-ai</b>: <span>Otto AI - Server & Client AIO</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/spotify-castv2-client"><b>spotify-castv2-client</b>: <span>Spotify CastV2 Client</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/google-cache-crawler"><b>google-cache-crawler</b>: <span>PHP script to recover sites using Google Cache.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/ti18nxmlcsv"><b>ti18nxmlcsv</b>: <span>Titanium Alloy XML file languages converter to/from CSV.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/kopdo"><b>kopdo</b>: <span>PDO wrapper in PHP</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/node-spotify-webplayer-accesstoken"><b>node-spotify-webplayer-accesstoken</b>: <span>Wrapper around Web Spotify Player to get an access token that simply works</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/parallax3d-js"><b>parallax3d-js</b>: <span>Parallax in web pages, simply.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/magneto"><b>magneto</b>: <span>Magneto is an app that allows you to discover the power of any magnetic field, simply by using your iPhone.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/ti.pano360"><b>ti.pano360</b>: <span>Titanium wrapper of Photo Sphere Viewer</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/ulala"><b>ulala</b>: <span>Show the right things when you scroll</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/itasa-search"><b>itasa-search</b>: <span>Search SRT on italiansubs.net</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/dotfiles"><b>dotfiles</b>: <span>my personal dotfiles</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/frullatore"><b>frullatore</b>: <span>Frullatore is a PHP build system that staticize all files in pure HTML with i18n support.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/deploy-worker"><b>deploy-worker</b>: <span>Simple worker that watch a file and execute scripts</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/csv-api"><b>csv-api</b>: <span>Simple minimalist CSV-API server that supports data CSV uploads and retrieval via JSON.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/folla-generator"><b>folla-generator</b>: <span>Folla generator in Node.JS using RSS + Say</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/ruzzle-hack"><b>ruzzle-hack</b>: <span>PHP Implementation for Ruzzle Solver</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/wp-with-docker"><b>wp-with-docker</b>: <span>Wordpress containerized in a single Docker image.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/anything-playable"><b>anything-playable</b>: <span>Node.JS Server to control from ANY device, Anything that is Playable on your computer.</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/kopiro/googlephotorg"><b>googlephotorg</b>: <span>Google Photos organizer</span></a></li><li><a target="_blank" rel="noopener" href="https://github.com/caffeinalab/php-router-benchmark"><b>php-router-benchmark</b>: <span>The intent here is to benchmark different PHP routing solutions.</span></a></li></ul><br/><h3>Projects</h3><ul><li><a target="_blank" rel="noopener" href="http://fondoambiente.it"><b>FAI Platform - api</b>: <span>Built and managed the development of a REST microserviced backend for "FAI - Fondo Ambiente Italiano" ecosystem using Laravel 5.X and Oracle DB integration (Lead Mobile and Backend Developer for @Caffeina, 2017)</span></a></li><li><a target="_blank" rel="noopener" href="http://www.polpettamag.com/"><b>PolpettaMag - website</b>: <span>Built the website for the magazine "PolpettaMag" using Wordpress containerized with Docker (Full stack Developer, 2017)</span></a></li><li><a target="_blank" rel="noopener" href="http://www.ducciograssiarchitects.com/"><b>Duccio Grassi Architects - website</b>: <span>Built the company website for the Architect Studio "Duccio Grassi Architects" using Wordpress containerized with Docker (Full stack Developer, 2017)</span></a></li><li><a target="_blank" rel="noopener" href="http://giornatefai.it"><b>Giornate FAI - website</b>: <span>Built website for "Giornate FAI" national event using Wordpress (Full stack Developer for @Caffeina, 2016)</span></a></li><li><b>Giornate FAI - mobile app</b>: <span>Built mobile app (Android + iOS) for "Giornate FAI" national event with Appcelerator Titanium (Mobile Developer for @Caffeina, 2016)</span></li><li><a target="_blank" rel="noopener" href="http://teetee.eu"><b>TeeTee - ecommerce</b>: <span>Built a t-shirt e-commerce for "TeeTee" using Wordpress and Woocommerce (Full stack Developer for @Caffeina, 2016)</span></a></li><li><b>Unyca - mobile app</b>: <span>Built and managed the development of the mobile application (Android + iOS) "Unyca", using Appcelerator Titanium by integrating BLE communication with an Arduino microcontroller (Mobile Developer for @Caffeina, 2016)</span></li><li><a target="_blank" rel="noopener" href="http://framesoflife.com"><b>Armani Frames of Life - website</b>: <span>Built website "Armani - Frames Of Life" with PHP and web technologies, using Canvas for smooth animations (Developer AWWWARDS winner) (Full stack Developer for @Caffeina, 2016)</span></a></li><li><a target="_blank" rel="noopener" href="http://iluoghidelcuore.it"><b>Luoghi del Cuore - api</b>: <span>Built REST backend for national event "FAI - I Luoghi del cuore" with Laravel 4.X technology (Backend Developer for @Caffeina, 2016)</span></a></li><li><a target="_blank" rel="noopener" href="https://itunes.apple.com/it/app/zanichelli-prof/id1115186891?mt=8"><b>Zanichelli Prof - mobile app</b>: <span>Built and managed the development of a mobile application (Android + iOS) "Zanichelli Prof" using Appcelerator Titanium technology (Mobile Developer for @Caffeina, 2016)</span></a></li><li><a target="_blank" rel="noopener" href="https://itunes.apple.com/it/app/fai/id969562346?mt=8"><b>FAI - mobile app</b>: <span>Built official mobile application (Android + iOS) and a REST backend for "FAI - Fondo Ambiente Italiano" using Appcelerator Titanium and Laravel 4.X (Mobile and Backend Developer for @Caffeina, 2015)</span></a></li><li><a target="_blank" rel="noopener" href="http://faimarathon.it"><b>FAI Marathon - website</b>: <span>Built website for "FAI Marathon" national event with Wordpress (Full stack Developer for @Caffeina, 2015)</span></a></li><li><b>FAI Marathon - mobile app</b>: <span>Built mobile app (Android + iOS) for "FAI Marathon" national event using Appcelerator Titanium (Mobile Developer for @Caffeina, 2015)</span></li><li><a target="_blank" rel="noopener" href="http://fimi.it"><b>FIMI - website</b>: <span>Built website "FIMI" using Wordpress + REST API (Full stack Developer for @Caffeina, 2015)</span></a></li><li><a target="_blank" rel="noopener" href="http://alpestre.com"><b>Alpestre - website</b>: <span>Built the company website of "Alpestre" using Wordpress (Full stack Developer for @Caffeina, 2014)</span></a></li><li><b>Hogan Retail - mobile app</b>: <span>Built mobile in-store application (iPad only) for the "Hogan" brand with Appcelerator Titanium + HTML5/CSS (Mobile Developer for @Caffeina, 2014)</span></li><li><b>ERGO - mobile app</b>: <span>Built mobile application (Android + iOS) "ERGO" using Appcelerator Titanium (Mobile Developer for @Caffeina, 2014)</span></li><li><b>Monster - mobile app</b>: <span>Built mobile application (Android + iOS) "Monster" using Appcelerator Titanium (Mobile Developer for @Caffeina, 2014)</span></li><li><a target="_blank" rel="noopener" href="https://itunes.apple.com/it/app/genialloyd/id868029797?mt=8"><b>Genialloyd - mobile app</b>: <span>Built mobile application (Android + iOS) and a REST backend for "Genialloyd" using Appcelerator Titanium and Laravel 4.X (Mobile and Backend Developer for @Caffeina, 2014)</span></a></li><li><a target="_blank" rel="noopener" href="http://caffeina.com"><b>Caffeina - website</b>: <span>Build company website Caffeina using Wordpress (Full stack Developer for @Caffeina, 2014)</span></a></li><li><a target="_blank" rel="noopener" href="http://iotthttp://www.iotti-pavarani.com/"><b>Iotti + Pavarani Architetti - website</b>: <span>Built the company website for the Architect Studio "Iotti + Pavarani" using Wordpress (Full stack Developer, 2014)</span></a></li><li><b>D&G Intenso</b>: <span>Built mobile app "D&G Intenso" (iPad only) for D&G Stores using Appcelerator Titanium and web technologies (Mobile Developer for @Caffeina, 2014)</span></li><li><b>Parma FC - website</b>: <span>Built the website of "Parma FC" football club using Wordpress + Woocommerce (Full stack Developer for @Caffeina, 2013)</span></li><li><a target="_blank" rel="noopener" href="http://ecruarchitetti.it/"><b>écru architetti - website</b>: <span>Built the company website for the Architect Studio "écru architetti" using Wordpress (Webmaster, 2013)</span></a></li><li><a target="_blank" rel="noopener" href="http://ilpaesaggiodellabonifica.it/"><b>Il Paesaggio della Bonifica - website</b>: <span>Built the portal for "Il Paesaggio della Bonifica" using PHP (Webmaster, 2011)</span></a></li></ul><br/><h3>Everywhere</h3><ul><li><a target="_blank" rel="noopener" href="https://www.kopiro.it/github"><b>Github</b></a></li><li><a target="_blank" rel="noopener" href="https://www.kopiro.it/linkedin"><b>Linkedin</b></a></li><li><a target="_blank" rel="noopener" href="https://www.kopiro.it/stackoverflow"><b>Stackoverflow</b></a></li><li><a target="_blank" rel="noopener" href="https://www.kopiro.it/medium"><b>Medium</b></a></li><li><a target="_blank" rel="noopener" href="https://www.kopiro.it/twitter"><b>Twitter</b></a></li></ul><br/><h6><a target="_blank" rel="noopener" href="https://pgp.mit.edu/pks/lookup?op=get&search=0xEDE51005D982268E">GPG: 0xEDE51005D982268E</a></h6><script type="text/javascript">var _gaq = _gaq || [];	_gaq.push(['_setAccount', 'UA-20966409-1']);	_gaq.push(['_trackPageview']);	(function() {	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);	})();</script></body></html>