Atamaca Garden Web Portal
- Time frame: 3 weeks
- Tech stack: Node, HTML, CSS, Javascript
- Libraries: React, create-react-app
- Role(s): Developer, Designer
This was developed for the Ars Electronica Festival in 2021. It was part of Atamaca Garden, which was a joint ventre between ALMA Observatory and Fundación Mustakis. The concept behind the application was to create a 'digital landscape' that could be explored by the user. The 'landscape' consisted of different types of information (links to videos, music, books and articles) curated by architect Diego Andrés Lara Koenig and astronomer Sergio Martín. The types of information were related by medium and curator and the application would make the connections between the links apparant and viewable.
I was commissioned by Fundación Mustakis to build the application and worked with Samuel Domínguez to determine a design. We were inspired by Uncertain Future, an explorable online repository of Olafur Eliasson's works. In the short time we had to develop the application, I created a '2D-version' which had similar functionality. As the application was built for a public arts foundation, it had to be accessible as well as functional. It's entirely usable with a keyboard and has sensible focus states.
In addition to the explorable 'digital landscape', there was originally intended to be a Livefeed section. This section would allow the user to tune into 3 different live-streamed videos. The original design and functionality resembled a TV. Initially there would be white noise until the user picked a channel. In the end, two of the three videos were hosted by Ars Electronica on their own website so the Livefeed section only hosted an original video art piece created by Samuel Domínguez. There's also an About section where you can read more about the project, the organisations involved and the curators of the links.
The application was deployed to an AWS S3 bucket and so had to be in a format that was easily packagable. That's why I implemented it as a SPA (Single Page Application) using React and create-react-app (now deprecated).