A design-based project grounded in learning technology theories and systematically implemented can impact environmental education in many positive ways. This paper explores the systematic application of best practices from design-based projects that were used to combine and implement a drought education program. Embracing diffusion of innovation as its framework, augmented and virtual reality applications were used to design a virtual meeting space called the Virtual Citizen Science Expo. The results and findings show that users found Mozilla Hubs engaging as it gave them new ideas on the creative and inspirational use of virtual reality technology as an interactive and collaborative learning space. The discussions demonstrate that our VCSE can be used to promote and engage learners in science related to environmental monitoring.