Jacopo Pinna

Developer

Nuxt
Vue
Tailwind
JavaScript
TypeScript
VueUse
Strapi
Leaflet
ThreeJS
GraphQL
Vite PWA
Openlayers
PrimeVue
Laravel
n8n
git

Projects and stuff

AirCam

AirCam

Platform promoting Sardinian territory via webcam streaming.

AirCam is a platform that tries to promote the Sardinian territory by streaming with tiny little cameras placed in points of interests. While the main website has been rebuilt multiple times from scratch using the vanilla Vue, we ultimately chose to move on Nuxt 2 for its SSR capabilities, to solve some of our SEO issues.

AirCam (Nuxt 3)

AirCam (Nuxt 3)

AirCam has been rebuilt from scratch using the newly released version of Nuxt.

AirCam has been rebuilt from scratch using the newly released version of Nuxt. It features a new homescreen layout that shuffles the webcam and profile pages available from the backend, thanks to a custom backend script I wrote inside of Strapi, which runs as a CRON job every half an hour.

AirCam TV

AirCam TV

AirCam TV is a separate client built with Nuxt 3, it is meant to run on large screens with no interactions in mind.

AirCam TV is a separate client built with Nuxt 3, it is meant to run on large screens with no interactions in mind, such as Smart TVs or totems.

NurNet+

NurNet+

An unofficial client for browsing NurNet data

Discover Sardinia's numerous Nuraghe, Menhirs, Dolmens and more.
The data is provided by NurNet and NurNet GeoPortal built by CRS4 and is licensed under the Creative Commons license.

@nuxtjs/device

@nuxtjs/device

Port of @nuxtjs/device to Nuxt 3

The @nuxtjs/device has been rewritten from scratch and ported to Nuxt 3.

Tesla Homepage

Tesla Homepage

Static Tesla homepage recreated using scroll snapping

Built with Nuxt 3, VueUse and TailwindCSS

Redazione AI

Redazione AI

Modern editorial management platform built with Nuxt 4 and PrimeVue.

Redazione AI is a modern editorial management platform built with Nuxt 4 and PrimeVue on the frontend, Laravel for backend services, and n8n for workflow automation and AI-based article & editorial plan generation.

Schedule-X

Schedule-X Contribution

Implemented double-click callback functionality for the Schedule-X calendar component.

I contributed to the Schedule-X project by implementing onDoubleClickAgendaDate and onDoubleClickEvent callbacks. These features were missing from the library but were required for our use case. I analyzed the existing codebase to understand how similar callbacks were implemented and replicated the pattern to add this new functionality, enabling developers to handle double-click events on both agenda dates and specific events.

YouTube Ambient Mode

YouTube Ambient Mode

YouTube Ambient Mode recreated using image transitions and a canvas