AirCam

(Nuxt 3)

Late 2021 – May 2022 (Unfinished, Unreleased, Mobile Only)

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.

Note: A demo of this project isn't avaiable (demo video can be requested privately) some parts of the app are being reused in NurNet Plus, which has a public demo available.

Weather info

The cam page now displays the current weather of the webcam coordinates, it’s a simple Strapi CRON script that fetches the weather from wttr.in and stores it inside the database.

Drawer

The drawer is a custom component build using two VueUse extensions library VueUse/Gesture and VueUse/Motion. It aims to behave like a native OS drawer, while it’s not perfect and could be improved, it supports fast and slow gestures, dragging and thanks to Vue slots it’s easy to render anything inside of it.

Map

The map uses OpenStreetMap layers which are presented by Leaflet with the leaflet-rotate plugin for map rotation. It uses the WebGL renderer which boosts the rendering performance.

ThreeJS

A simple 3D scene has been included for testing purposes, it uses ThreeJS and the default OrbitalControls to pan and rotate the camera.