Sistem Matawang Sosial
Islamic social currency platform with QR code rewards, geolocation tracking, and real-time activity management for MAIWP.
Project Overview
Comprehensive social currency management system enabling community engagement through digital rewards and Islamic activities. Features include QR code-based attendance tracking, geolocation verification, product redemption marketplace, achievement system, and real-time notifications. Built with Laravel backend and React SPA architecture using Inertia.js for seamless user experience.
- Built reusable React components with Inertia.js for SPA experience on Laravel backend
- Integrated Leaflet maps with geofencing for location-based activity verification
- Developed QR code generator and scanner modules using React Camera libraries
- Implemented responsive mobile-first UI with Tailwind CSS for optimal user experience
- Created real-time notification system for activity updates and announcements
- Ensured WCAG accessibility compliance for inclusive user access
Project Journey
Required building a user-friendly interface for complex multi-module workflows including access control, activity tracking, rewards redemption, and geospatial verification. System needed to handle high concurrent users during community events while maintaining security and data integrity for Islamic organizational operations.
Developed a modular SPA using React with Inertia.js for dynamic navigation without page reloads. Integrate with Laravel backend for robust API services and business logic. Integrated Leaflet for interactive maps showing activity locations, QR code generation/scanning for attendance verification, and responsive Tailwind CSS design optimized for mobile-first usage.
Successfully deployed multi-tenant system serving thousands of community members. Reduced manual attendance tracking by 85% through QR automation. Enhanced community engagement with real-time activity updates and gamified achievement system. Improved administrative efficiency with centralized dashboard for activity monitoring and reporting.
Technology Stack
Project Gallery
Related Projects
Sistem Penanaman Padi Skala Besar
Enterprise-level farm management system built for Malaysia's premier agricultural authority, enabling end-to-end management of large-scale rice planting operations. Features include crop planning dashboards, farmer registration, field mapping with GIS integration, harvest tracking, data analytics, and seamless legacy system migration from SPIM MADA. Utilizes modern Vue.js frontend with Laravel API backend for scalable agricultural operations.
Flash Flood Analytics Dashboard - IIOC Smart City Initiative
Proof-of-concept smart city dashboard developed for Ipoh City Council's disaster management operations. Features real-time flood data visualization, predictive analytics, interactive heat maps, and emergency response coordination. Built with Vue.js frontend and Laravel backend, integrating IoT sensor data with geospatial mapping to provide actionable insights for city authorities during flash flood events.
Ready to start your project?
Let's discuss how I can help bring your ideas to life with modern web technologies.