Frontend Developer

Realidades Caleidoscopicas

Audio, partycypacja i wspólna refleksja

← Powrót do projektów

Jakiś czas temu miałem okazję pracować nad projektem dla Medialab Matadero w Madrycie, we współpracy z kilkoma instytucjami, w tym z Muzeum Reina Sofia. Projekt był lekką aplikacją webową stworzoną jako wsparcie dla miejskiej gry terenowej.

Uczestnicy skanowali kody QR rozmieszczone w różnych punktach z podpowiedziami w przestrzeni miasta. Każdy kod prowadził do treści audio dotyczących tematów społecznych, takich jak migracja, inkluzja i wykluczenie, praca opiekuńcza, edukacja, opieka zdrowotna i mieszkalnictwo.

Po odsłuchaniu nagrania uczestnicy mogli podzielić się swoimi refleksjami przez formularz komentarza. Przesłane wypowiedzi były zapisywane w bazie danych i wizualizowane jako dynamiczna chmura słów, pokazująca terminy pojawiające się najczęściej we wszystkich odpowiedziach.

Oryginalna aplikacja została zbudowana w HTML, SCSS, vanilla JavaScript i z niewielkim udziałem Reacta. Niedawno przebudowałem ją w Astro.js, React.js, TypeScript i Tailwind CSS, dzięki czemu projekt jest łatwiejszy w utrzymaniu, wydajniejszy i nadal lekki.

Odwiedź stronę →
  • Astro
  • React.js
  • Tailwind CSS
  • Firebase
  • Firestore
Illustration from the Realidades Caleidoscopicas project