Salta al contenuto
Carmelo Alessandro

VoicePortal

Registra un messaggio vocale dal browser, archiviato in un pannello admin.

2025Full-stack

Un portale pensato per gli eventi: gli invitati registrano un messaggio vocale direttamente dal browser, e ogni augurio finisce in un archivio digitale da riascoltare. Semplice da usare per qualunque persona e di qualunque età, e abbastanza divertente da attirare sempre l’attenzione.

  • JavaScript
  • Supabase
  • PostgreSQL
  • MediaRecorder API
Codice

  • OPEN SOURCE

    codice pubblico su GitHub

  • 0

    cose da installare

Nel dettaglio

Facile per tutti

4 punti1 / 4

  • Un solo gesto

    Si preme REGISTRA, si parla, si preme Invia.

  • Nessun account e nessuna app

    Non serve installare nulla né ricevere spiegazioni.

  • Cronometro e pulsanti ben leggibili

    Chiari per ogni tipo di utente e a ogni età.

  • Funziona da telefono e da computer

    Su iPhone, Android e browser desktop.

Divertente e capace di attirare l’attenzione

3 punti2 / 4

  • Onda sonora in tempo reale

    Mentre si parla si vede subito che il microfono funziona.

  • Il grande pulsante del microfono invita a provare

    Durante gli eventi gli invitati si avvicinano da soli.

  • Ogni messaggio diventa un ricordo

    Gli auguri compongono un album digitale dell’evento.

Pannello admin per chi organizza

3 punti3 / 4

  • Elenco di tutti i messaggi

    Con data e ora, riascoltabili direttamente nella pagina.

  • Archivio svuotabile in un clic

    Protetto da una password amministratore.

  • Indirizzo dedicato e pulito

    Il pannello si apre su un indirizzo semplice, separato dalla pagina pubblica.

Dietro le quinte

4 punti4 / 4

  • Registrazione con la MediaRecorder API

    Direttamente nel browser, con forma d’onda e timer.

  • Audio e messaggi salvati su Supabase

    I file in uno storage dedicato, i messaggi in un database PostgreSQL.

  • Svuotamento affidato a una funzione serverless

    Controlla la password prima di cancellare.

  • Codice pubblico su GitHub

    Con le istruzioni per ricreare database, bucket e permessi.

Progetto precedenteGestore SUD Movie NightGestione partecipanti e attestati per eventi cinematografici universitari.Progetto successivoassociazionesud.comGuide, strumenti interattivi ed eventi per gli studenti dell’Università di Messina.

Altri progetti:associazionesud.comSistema di Votazione per Unime's Got TalentGestore SUD Movie Night

Hai un progetto in mente?

Automatizzare un processo, rifare un sito, costruire da zero. Scrivimi due righe, ti rispondo entro 24 ore.

Contattami