This thesis explains the development of a web application for creating Magic: The Gathering (MTG) decks. The website utilizes Vue.js for the user interface, Python to manage back-end operations, and Google Firebase for data storage. It integrates with the Scryfall API to access comprehensive MTG card data and offers an intuitive user experience with features such as real-time card search, straightforward deck management, card information display, a playtesting tool, and deck import/export capabilities. The website's modular architecture, separating the front-end and back-end, aims for maintainability and scalability, leveraging Firebase's Firestore for deck storage. This paper details the system's architecture and the development challenges encountered, including managing complex card data, ensuring seamless front-end back-end communication, and the user interface design considerations for optimal usability. Ultimately, the thesis evaluates the project's outcomes, compares it to existing MTG deck building tools, and discusses potential possibilities for future improvement.