A full-stack web application developed during a hackathon, designed to promote responsible online behavior through gamification, simulations, and positive reinforcement.
Ally turns digital safety into an engaging experience — rewarding users for reporting harmful content, learning safety practices, and contributing to a healthier online community.
Ally is a gamified web platform where users earn Safety Points by completing weekly safety-related activities.
Instead of focusing on punishment, the platform encourages proactive and positive digital engagement through goals, rewards, and visible progress tracking.
Users accumulate points throughout the month and can redeem them in an integrated rewards shop.
The web application is fully responsive and works seamlessly on both desktop and mobile devices, ensuring accessibility and engagement across platforms.
The main dashboard provides:
- 🔥 Engagement / streak indicator
- 🏛️ Total Safety Points counter
- 🎯 Weekly task progress tracking:
- Simulation
- Report Post
- Safety Tips
- Report Good
- 🏆 Goal reached indicators
- 📈 Monthly progress bar
The interface is designed to feel motivating and game-like, reinforcing consistency and achievement across screen sizes.
- Fully responsive layout
- Optimized component rendering for smaller screens
- Touch-friendly interactions
- Maintains full functionality on mobile browsers
Users can complete simulations, track progress, and redeem rewards directly from their phones.
Interactive scenarios that train users to:
- Identify misleading or harmful content
- Make safer online decisions
- Practice responsible digital behavior
Simulations contribute to weekly and monthly progress.
Users can:
- Report harmful posts
- Report positive / responsible behavior
- Track completion progress
All actions are connected to the points system and validated through the backend.
Short educational tips and quiz-style interactions that:
- Reinforce digital literacy
- Encourage recurring engagement
- Contribute to weekly goals
A built-in shop allows users to redeem their accumulated Safety Points for rewards.
Features include:
- Points-based purchasing system
- Monthly earning logic
- Virtual currency tracking
- Real-time balance updates
This internal economy strengthens motivation and long-term engagement.
The system includes:
- Weekly targets
- Monthly accumulation tracking
- Real-time progress updates
- Goal completion states
- Points economy
- Reward redemption mechanism
The platform applies behavioral design principles to encourage sustained positive habits.
- User login & registration
- Token-based authentication (JWT)
- Secure API communication
- Protected routes
- React
- JavaScript
- CSS
- Responsive design
- Node.js
- Express
- REST API
- Modular UI components (TaskCard, ScoreCenter, Modals, Shop, etc.)
- API abstraction layer
- State-driven dashboard rendering
- Separation between weekly and monthly logic
- Centralized points management system
Ally explores how gamification and behavioral design can:
- Encourage responsible digital participation
- Increase online accountability
- Promote positive reinforcement instead of punishment
- Make safety education engaging and measurable
The project demonstrates how product design, psychology, and technology can work together to improve digital environments.
Developed during the QueenB X AppsFlyer Hackathon 2026, focused on improving online safety and community awareness.
Built under time constraints as a functional MVP, prioritizing rapid iteration, working backend integration, and a complete user experience flow.
This project was developed by:
- Dafna Tur
- Roni Bodenstein
- Adar Gerbi
Built collaboratively during the QueenB X AppsFlyer Hackathon 2026.