The Muhammadiyah Welfare Home has a mission to support individuals in need by creating opportunities for them to grow and thrive. We were inspired by this mission and wanted to contribute by creating a digital platform that empowers their users. The idea of a web-based Minimart and Voucher System resonated with us as it could directly impact their daily lives by providing a seamless way to request essentials, earn rewards, and foster a sense of community. Additionally, we aimed to reduce administrative overhead for the staff, allowing them to focus on their core mission of welfare.
What it does
Streamlines the emart into a simple and intuitive user experience. Users can purchase, bid for auctions, and claim their vouchers in a manner that is more convenient than doing it physically. Admins can also track and monitor the system more efficiently than the physical system.
Challenges we ran into
Deciding which features to invest more time into and which features to sacrifice, given the scope of the hackathon and our limited time
Accomplishments that we're proud of
Integrated sleek front end design with robust backend security
What we learned
Throughout this project, we learned how to balance technical requirements with user experience design, especially when working on a system intended for a diverse audience. Some of our key learnings include:
- User-Centric Design: Designing interfaces that are accessible and intuitive for all user types, including individuals with limited technical literacy.
- Efficient Backend Management: Structuring databases for security, scalability, and transaction efficiency.
- Auction Systems: Exploring gamification through auctions as a way to increase engagement while maintaining fairness.
- Team Collaboration: Integrating front-end and back-end components seamlessly, while communicating effectively within the team.
- Handling Real-World Constraints: Understanding the challenges faced by welfare organizations and adapting our technical solutions to meet their needs.
Built With
- mantine
- react
- react-router
- supabase
- typescript
Log in or sign up for Devpost to join the conversation.