Mini App Telegram: Accesso ai Dati e Integrazione con Angular e Spring

The objective of this thesis is the development of a Web App using the Spring backend framework and the Angular frontend framework, with the integration of the Web App as a Telegram Mini App within the Telegram platform. The project aims to provide a complete and optimized solution for the creation of modern applications, addressing the challenges related to integrating a web system with a messaging platform. During the development process, an in-depth study of the involved technologies was carried out, with particular attention to backend management with Spring and the implementation of interactive and responsive interfaces with Angular. The thesis also documents the stages of design, development, and performance optimization of the application, focusing on the implementation of required features, including authentication, data management, and interaction with the Telegram API. The final result is a Web App that integrates seamlessly into the Telegram ecosystem, offering a smooth and high-performance user experience, with comprehensive documentation that describes the technical choices and best practices adopted. This work serves as a practical guide for those who wish to develop modern web applications by leveraging the potential of full-stack architectures and the power of messaging platforms like Telegram.

L’obiettivo di questa tesi è lo sviluppo di una Web App utilizzando il framework backend Spring e il framework frontend Angular, con l’integrazione della Web App come una Telegram Mini App all’interno della piattaforma Telegram. Il progetto si propone di fornire una soluzione completa e ottimizzata per la creazione di applicazioni moderne, affrontando le sfide legate all’integrazione di un sistema web con una piattaforma di messaggistica. Durante il lavoro di sviluppo, è stato eseguito uno studio approfondito delle tecnologie coinvolte, con particolare attenzione alla gestione del backend con Spring e all’implementazione di interfacce interattive e responsive con Angular. La tesi documenta inoltre le fasi di progettazione, sviluppo e ottimizzazione delle performance dell’applicazione, con focus sull’implementazione delle funzionalità richieste, tra cui autenticazione, gestione dei dati e interazione con l’API di Telegram. Il risultato finale è una Web App che si integra perfettamente nell’ecosistema Telegram, offrendo un’esperienza utente fluida e performante, con una documentazione completa che descrive le scelte tecniche e le migliori pratiche adottate. Questo lavoro rappresenta una guida pratica per chi desidera sviluppare applicazioni web moderne sfruttando il potenziale delle architetture full-stack e la potenza delle piattaforme di messaggistica come Telegram.