MEWA Corporate Culture Gamification Platform
Overview
A comprehensive gamification platform developed for the Ministry of Environment, Water & Agriculture (MEWA) to engage employees with corporate culture values through interactive games and quizzes.
The platform features three main activities: a Flower Game where users grow plants by answering care-related questions, a Personality Quiz to discover their workplace persona, and a Commitment Quiz to test their alignment with ministry values.
The Flower Game selection screen where users choose a native plant to grow.
In the Flower Game, users select a native plant and grow it by answering questions related to the ministry's culture. This interactive approach helps employees learn about environmental values in a fun and engaging way.
Personality Quiz result showing the 'Falah' (Farmer) persona with character traits.
The Personality Quiz engages employees by identifying their professional persona based on their choices. Each result, such as the 'Falah', comes with a unique set of traits that reflect their contribution to the organization.
Built with Next.js and Socket.IO, the platform includes a Live Display that visualizes real-time participation, creating a collective digital garden representing the employees' engagement.
Objectives
- Engage employees with *MEWA's corporate culture values*.
- Educate staff on environmental and agricultural concepts through *gamified learning*.
- Foster a sense of community through *real-time collective visualization*.
- Provide a seamless, *mobile-friendly experience* for event attendees.
Key Features
Flower Game
A nurturing game where users grow a digital plant by answering culture-related questions.
Personality Quiz
An interactive quiz that determines the user's professional personality type based on their choices.
Commitment Quiz
A scored assessment of the user's alignment with corporate values.
Live Display
A real-time dashboard showing collective progress and participation stats using Socket.IO.
User Registration
QR code-based registration system with phone number verification.
Challenges & Solutions
Implementing real-time synchronization for the live display using Socket.IO.
Optimized *Socket.IO* event handling to ensure low-latency updates for the live dashboard.
Ensuring a smooth and responsive UI with complex animations and Arabic RTL layout.
Utilized *Tailwind CSS* for responsive design and carefully managed React state to ensure smooth animations in RTL layout.
Managing state across multiple games and persistent user progress.
Used a centralized state management approach and *SQLite* to track and persist user progress across different games.