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.
- Astro
- React.js
- Tailwind CSS
- Firebase
- Firestore