MWHMart

Muhammadiyah Welfare Home (MWH) is dedicated to providing care and support for its residents while fostering a nurturing environment. MWHMart is our team's implemetation of a web-based Minimart and Voucher System designed to streamline administrative operations for MWH.

Inspiration

The project was inspired by MWH’s mission to empower residents while providing staff with effective tools for management and accountability. MWHMart solves real-world challenges by creating a secure, scalable, and user-friendly system.

What we have implemented

For Residents:

• Dashboard on spendings
• Access a user-friendly dashboard to view voucher balances, transaction history, and available products.
• Participate in auctions by bidding on special items using voucher points.
• Secure login system with mobile-based password reset functionality.

For Admins:

• Dashboard on earnings
• Manage users:
  • Add, suspend, and reset user passwords.
• Maintain and update inventory with audit logs for accountability.
• Generate comprehensive reports, including weekly requests and inventory summaries.
• Create Auctions for Residents to participate in

How We Built It

Tech Stack:

• Next.js
• TypeScript
• Firebase

Challenges We Ran Into

• Integrating the voucher and inventory systems seamlessly.
• Designing a dual-role interface for both residents and admins.
• Ensuring real-time data synchronization across modules using Firebase.

Accomplishments That We're Proud Of

• Successfully implemented a mobile-based password recovery feature.
• Built a fully functional auction system for residents to bid on special items.
• Developed scalable tools for inventory and user management.
• Built a dual-role interface

What We Learned

• Designing efficient role-based UI/UX improves engagement and simplifies workflows.
• Firebase simplifies real-time updates but requires optimization for scalability.

What's Next for MWHMart

• Expand auction functionality with live bidding features.
• Introduce advanced analytics tools for better resource management (Eg. machine learning models)
• Implement gamification elements to enhance user engagement with the voucher system.

Built With

• firebase
• next.js
• tailwind
• typescript