Project Overview
For the bachelor's thesis project in a digital art degree, my friend and extremely talented collegue Cosimo Mollica thought about
creating a performance divided into phases:
Guerrilla Gardening
Through Seeds Bomb (earth balls with lemon seeds inside) distributed by the author and who in turn will put them in the places they prefer, thus becoming co-authors of the performance;
Video Viewing
QR codes are attached to the seeds bombs with string to be scanned (with the camera of your mobile phone) to view videos in which I reflect the themes discussed above through the symbolic fruit of the lemon which is conscious in this. Obviously, being scattered in various places, including public ones, anyone can potentially see the videos;
Map Monitoring
After watching the video, you can access a map that will indicate the position of each plant planted and scanned by other users.
the position of each plant planted and scanned by other users
The course of nature.
The lemon seeds will have the opportunity to germinate and grow independently, even in places not prepared by our society, due to the fertilizing components inserted in the ball of soil. It is possible to go for an on-site check and the care of the plants by the users is not excluded if they wish to, remember that for the lemon to produce fruit a grafting procedure is necessary.
The installation of the plants started in October 2020 based on the infinite cyclicality of nature it is not possible to define the end of this performance.
Let's talk tech
For this project, there were three main topics that needed to be spiked: getting the location of the phone scanning the QRCode,
connect everything to a fast, scalable and real time database and finally show the map with the previous scans.
Getting the user location was very straightforward, with navigator.geolocation.getCurrentPosition, I was able to get the latitude and longitude of the device that scan the QRCode, after letting them accept the Location popup.
It was surprisingly accurate!
Thinking about the database, I just really needed a very scalable solution that didn't need much configuration and, because I wouldn't need any relation, I could just go with a non-relation database, for that I chose to use Firebase Real-time database, I connected it with a custom service built in React, and I was able to store and retrieve all the [lat, long].
To show everything on the Map, I used react-google-maps , and it worked just flawlessly, weird to style it though.