← Back to all work
Part-time
Live Project

MWS Activities Management with Loyalty System

An activities management platform with a loyalty system for Majlis Wilayah Persekutuan (MWS) members.

Majlis Wilayah Persekutuan (MWS)
Frontend Engineer
MWS Activities Management with Loyalty System

Project Overview

This web application is designed to increase engagement and reward participation among Majlis Wilayah Persekutuan members. Its core features include the ability to create and manage activities with QR code integration for check-ins, a comprehensive loyalty and rewards system, and a reward redemption module. The platform also includes a detailed audit trail to track all activities and transactions.

Project Details
Role: Frontend Engineer
Key Contributions:
  • Built the responsive frontend interface with React and Inertia.js.
  • Implemented the user interface for the gamified points and rewards system.
  • Developed the frontend for QR code generation and scanning functionality for activity check-ins.

Project Journey

Challenges

The main challenge was to create a unified platform that could manage various member activities and reward participation effectively, while ensuring the system was secure, reliable, and provided a simple and intuitive user experience for both members and administrators.

Approach

A full-stack approach was taken, with a Laravel backend and a React frontend using Inertia.js. This allowed for the development of a modern, single-page application with a robust API. Key features like QR code generation for activities, a flexible rewards engine, and a secure redemption process were implemented. An audit trail was integrated to ensure transparency and accountability.

Results

The MWS Activities Management with Loyalty System has successfully increased member engagement by providing a clear and rewarding system for participation in activities. The platform is now a central hub for MWS members, streamlining activity management and reward distribution.

Technology Stack

Frontend
React
Inertia.js
Tailwind CSS
Vite
Tooling
ESLint
Prettier

Project Gallery

MWS App Screenshot 1
MWS App Screenshot 2
MWS App Screenshot 3

Related Projects

eHartanah
Part-time

eHartanah

eHartanah is a web-based application for managing land and property information. It provides a centralized platform for managing wakaf and baitulmal land data, including registration, acquisition, development, and maintenance.

MyMBSA
Part-time

MyMBSA

MyMBSA provides citizens with a convenient way to access a variety of services from the Shah Alam City Council. The app's key features include online payment for cukai taksiran (assessment tax), kompaun (compounds/fines), and sewaan (rentals). Additionally, it streamlines various application processes, allowing users to apply for lesen (licenses) and permit, as well as make tempahan (bookings) for council facilities, making services more accessible to the public.

Ready to start your project?

Let's discuss how I can help bring your ideas to life with modern web technologies.

Engku Azrul – Freelance Frontend Developer