DigitalCitizen empowers citizens in digital competencies, including legal literacy (knowing and asserting digital rights and obligations), data literacy (interpretation, use, and protection of data), and protection literacy (learning resilience techniques and capability to self-defense by developing a 4D flipped classroom-inspired system that has micro-learning components and interactive mini-games to present the learning material in engaging, bite-sized components.