A while ago, I had the opportunity to work on a project for Medialab Matadero in Madrid, in collaboration with several institutions, including the Reina Sofia Museum. The project was a lightweight web application created to support a city-wide treasure hunt experience.
Participants scanned QR codes placed at different clue points around the city. Each QR code directed them to audio content covering social topics such as migration, inclusion and exclusion, care work, education, healthcare, and housing.
After listening, participants could share their reflections through a comment form. The submitted comments were stored in a database and visualized as a dynamic word cloud, highlighting the terms that appeared most frequently across all responses.
The original application was built with HTML, SCSS, vanilla JavaScript, and a small amount of React. More recently, I rebuilt it using Astro.js, React.js, TypeScript, and Tailwind CSS, making the project easier to maintain while improving performance and keeping it lightweight.
- Astro
- React.js
- Tailwind CSS
- Firebase
- Firestore
