Spherical Easel ( https://easelgeo.app ) is a free Vue-based application for researching, teaching, and learning spherical geometry written in Typescript. It offers an abundant suite of tools that allow users to dynamically explore the geometry of the sphere by drawing and controlling the behavior of spherical objects including points, lines, circles, and parametric curves. The authors have created an open-source code base that innovatively combines several design patterns, global data structures, and cloud based storage. The target audience of Spherical Easel includes secondary and post-secondary students and teachers, professors, and researchers. In addition to using Spherical Easel to investigate geometric theorems and constructions on the surface of a unit sphere, the authors also plan to enable its use in an interactive teaching and learning classroom setting. Within an interactive online session created by a teacher, students at remote locations can join the session using a browser, exchange messages with the teacher, and watch the teacher’s spherical construction being replicated in real-time on their own browser. Thereafter, each student can manipulate the construction as if it has been created locally. This paper focuses how to achieve this functionality and demonstrates how a clever use of the Command and Composite design patterns have made the implementation seamless without requiring major changes to the existing core architecture.