Chat Component - Copy this React, Mui Component to your project
Richiesta per la creazione di una chat personalizzabile da inserire in un sito web con grafica curata: Interfaccia Grafica (UI): Stile moderno: Design minimalista e professionale con bordi arrotondati, colori personalizzabili, e animazioni fluide per i vari elementi. Box chat: Area principale della chat con spazio per i messaggi in entrata e in uscita, avatar utente circolari e messaggi in bolle arrotondate. Area partecipanti: Visualizzazione degli utenti attivi a lato, con un logo o avatar circolare accanto a ogni nome utente. Titolo della chat: Posizionato in alto, a sinistra, un titolo della chat personalizzabile con allineamento a un eventuale logo dell'organizzazione. Descrizione della chat: Sotto il titolo, un breve testo (max 300 caratteri) che descrive lo scopo della chat o fornisce informazioni aggiuntive. Spazio per contatti e link: Includere una sezione nella parte inferiore della chat per inserire una mail di assistenza e il sito web. Funzionalità: Accesso alla chat: Richiedere all'utente di inserire un nome utente e una mail al primo accesso. Personalizzazione dell'utente: Consentire agli utenti di modificare le impostazioni di visualizzazione del proprio testo (colore, font, dimensione). Amministrazione della chat: Fornire un pannello di controllo per l'amministratore, con cui poter personalizzare tutti gli elementi grafici e testuali, inclusi il logo, il titolo, la descrizione e i colori della chat. Compatibilità e responsività: Responsive design: La chat deve adattarsi perfettamente a qualsiasi schermo, da desktop a dispositivi mobili, mantenendo sempre un aspetto curato. Compatibilità cross browser: Garantire che la chat funzioni senza problemi su tutti i principali browser (Chrome, Firefox, Safari, Edge). Sicurezza e gestione dei dati: Protezione dei dati: Implementare meccanismi di sicurezza per proteggere le informazioni inserite dagli utenti, come nome e mail. GDPR compliant: Assicurarsi che la chat rispetti le normative sulla privacy, come il GDPR, fornendo una sezione informativa sull'uso dei dati.
