Overview
The Minimart and Voucher System for Muhammadiyah Welfare Home (MWH) was created to empower the residents of MWH by providing them with a seamless way to request essentials, earn vouchers, and participate in a gamified shopping experience. Inspired by Pokémon’s idea of “catching,” this system transforms mundane transactions into an exciting adventure while providing administrators with tools for efficient management and reporting.
What inspired us
We were inspired by MWH’s mission to provide care and support to boys on their campus, fostering a nurturing environment for growth. Our goal was to develop a system that not only meets their basic needs but also engages and motivates them in a creative way. By gamifying the process of requesting and earning items, we sought to add a sense of fun and accomplishment to their everyday lives.
What we learned
We learned the importance of empathy in design as creating a user-friendly system that resonates with both residents and administrators requires a deep understanding of their needs. We were also able to strengthen our skills in full-stack development and problem-solving, tackling challenges like security, scalability, and user engagement.
How we built it
We started by outlining the core features based on MWH’s requirements, including a minimart, voucher system, and admin tools. We then decided on our tech stack where we used React and Material-UI for a modern, responsive UI, and node.js for the backend. Our database was implemented with MySQL and designed for scalability, ensuring future enhancements like auctions could be seamlessly added.
Key Features:
- Minimart: Allows residents to request items or place preorders for out-of-stock products.
- Voucher System: Residents earn and redeem vouchers while admins manage balances.
- Gamification: Users “catch” items in a fun and interactive way, adding an engaging twist.
- Admin Tools: Robust inventory management, voucher approval, and reporting functionalities.
- Testing: Conducted rigorous testing to ensure a seamless user experience and secure transaction processing.
Challenges
One of the key challenges we faced was security, as protecting users’ accounts and voucher data demanded meticulous planning and robust implementation. Scalability also posed a challenge, as the system needed to be designed to accommodate future enhancements, such as auctions and leaderboards.
What’s Next
We are excited to expand this system to include:
- Auction Features: Introduce a bidding system for high-demand items.
- Leaderboard: Motivate residents by displaying achievements for most vouchers earned or items caught.
- Analytics Tools: Provide admins with insights into usage patterns and inventory trends.
This project has been a fulfilling journey, and we are proud to contribute to MWH’s mission of nurturing and supporting its residents. We look forward to seeing how this system will make a meaningful impact.
Log in or sign up for Devpost to join the conversation.