13 novembre 2025<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

WebApp di messaggistica con lo stack MERN<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

a cura di Artiom<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Artiom \u00e8 uno sviluppatore full-stack specializzato nello stack .NET. Quando non sviluppa, Artiom gioca ai videogiochi, frequenta bar che offrono musica dal vivo e pratica la palestra e la boxe.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

Introduzione<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Questo progetto rappresenta un percorso di upskilling all’interno della software factory<\/strong> Blazar. Provenendo da un background pi\u00f9 solido nello sviluppo back-end<\/strong> con C#, Artiom ha deciso di potenziare le proprie competenze front-end<\/strong>, scegliendo consapevolmente lo stack MERN<\/strong> per lavorare interamente in JavaScript. <\/span><\/p>

Nel paragrafo che segue, Artiom racconta in prima persona l\u2019esperienza di sviluppo.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

MERN Stack<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Lo stack MERN \u00e8 un insieme di tecnologie utilizzate per creare applicazioni web basato su JavaScript. L\u2019acronimo sta per MongoDB, Express, React e Node.js. <\/span><\/p>

MongoDB<\/strong>\u00a0servir\u00e0 da database, Express<\/strong> gestir\u00e0 le chiamate API e il routing dell\u2019applicativo, React<\/strong> verr\u00e0 utilizzato per lo sviluppo dell\u2019interfaccia utente ed infine Node.js<\/strong> sar\u00e0 l\u2019ambiente in cui verr\u00e0 eseguito il codice JavaScript.<\/span><\/p>

Lo scopo di questo progetto \u00e8 sviluppare un\u2019applicativo web di messaggistica istantanea, con le seguenti features:<\/span><\/p>

• Registrazione, login e logout utenti<\/span><\/li>
• Invio testo ed immagini ai vari utenti<\/span><\/li>
• Online status degli utenti<\/span><\/li>
• Immagine profilo e tema personalizzabili<\/span><\/li><\/ul>

  La procedura di registrazione e di login \u00e8 abbastanza standard: alla creazione o all\u2019accesso di un utente, viene generato un JSON Web Token<\/strong> (JWT) che consentir\u00e0 all\u2019utente di accedere al resto dell\u2019applicativo. <\/span><\/p>

  I dati degli utenti vengono salvati nel nostro database, con i dati sensibili (le password) memorizzati tramite un processo di hash. Un fatto nuovo ed interessante che ho scoperto mentre sviluppavo questa parte \u00e8 il salting. Il salting<\/strong> \u00e8 l\u2019aggiunta di caratteri casuali alle password prima di effettuare l\u2019hashing. Questo viene fatto per aumentare la sicurezza dei dati degli utenti, rendendo molto pi\u00f9 difficile il cracking delle password.<\/span><\/p>

  Il front-end, come gi\u00e0 detto in precedenza, \u00e8 stato realizzato in React<\/strong> utilizzando librerie come Tailwind CSS<\/a> <\/strong><\/span>e Daisy UI<\/a><\/span><\/strong><\/span>. <\/span>La parte pi\u00f9 interessante del front-end \u00e8 la possibilit\u00e0 di cambiare tema dell\u2019intero sito. Questo \u00e8 possibile grazie ai temi offerti da Tailwind e a React, che permette di \u201csalvare\u201d dinamicamente lo stato (cio\u00e8 il tema) ed applicarlo all\u2019intero sito.<\/span><\/p>

  Infine, la messaggistica istantanea viene gestita tramite un\u2019ulteriore libreria chiamata Socket.IO<\/strong><\/a><\/span>, composta da un server Node.js e da un componente installato nel client che \u201cgira\u201d sul browser. Quest\u2019architettura permette una connessione sicura, veloce e bidirezionale tra i vari utenti dell\u2019applicazione.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

  \n\t\t\t\t\t\t

  \n\t\t\t\t\t

  \n\t\t\t

  \n\t\t\t\t\t\t

  \n\t\t\t\t

  \n\t\t\t\t\t\t\t\t\t

  \u00a0Vuoi eseguire il codice dell’applicazione?<\/strong>\u00a0<\/span><\/p>

  Accedi al repository GitHub<\/a><\/strong><\/span> messo a disposizione da Artiom.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

  13 novembre 2025 WebApp di messaggistica con lo stack MERN a cura di Artiom Artiom \u00e8 uno sviluppatore full-stack specializzato…<\/p>\n","protected":false},"author":1,"featured_media":7905,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[15],"tags":[],"class_list":["post-7893","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comunicato-stampa"],"yoast_head":"\n