Sviluppo di un Sistema Web per la Gestione di Immagini: Integrazione di Front-End React e Back-End MongoDB

This thesis presents the development of a comprehensive web platform for image management, designed to support uploading, viewing, deletion, searching, and dynamic filtering operations. The platform combines a front-end built with React and Material-UI with a back-end based on Flask and MongoDB. The system architecture is designed to ensure scalability and flexibility, utilizing a microservices structure and seamless integration between components. The platform includes advanced features such as image processing support, custom filter implementation, and a secure authentication system based on JWT. Data management is optimized through MongoDB, enabling efficient queries and flexible information organization. This project serves as a practical example of applying modern technologies in software development, with a particular focus on user interface usability and back-end robustness. The results demonstrate the effectiveness of the adopted approach, highlighting how the integration of React and MongoDB can effectively support the creation of scalable and user-friendly solutions.

Questa tesi presenta lo sviluppo di una piattaforma web completa per la gestione di immagini, progettata per consentire operazioni di caricamento, visualizzazione, cancellazione, ricerca e filtraggio dinamico. La piattaforma combina un front-end costruito con React e Material-UI con un back-end basato su Flask e MongoDB. L’architettura del sistema è stata progettata per garantire scalabilità e flessibilità, utilizzando una struttura a microservizi e un’integrazione fluida tra le componenti. Il sistema include funzionalità avanzate, come il supporto per l’elaborazione di immagini, l’implementazione di filtri personalizzati e un sistema di autenticazione sicuro basato su JWT. La gestione dei dati è ottimizzata grazie a MongoDB, che permette query efficienti e l’organizzazione flessibile delle informazioni. Il progetto rappresenta un esempio pratico di applicazione di tecnologie moder- ne nello sviluppo software, con particolare attenzione all’usabilità dell’interfaccia utente e alla robustezza del back-end. I risultati ottenuti dimostrano l’efficacia del- l’approccio adottato, evidenziando come l’integrazione tra React e MongoDB possa supportare efficacemente la creazione di soluzioni scalabili e user-friendly.