Minimart@MWH

Inspiration

When the problem statements were introduced, we were drawn to MWH’s challenge. A minimart powered by a token economy presented an intriguing concept, as it was something new for all of us. Beyond its novelty, it felt deeply meaningful. The system could provide tangible benefits for the boys, teaching essential skills like financial management, motivating positive behaviour, and improving discipline. The idea of contributing to their growth and learning made us excited to work on this problem statement.

What it does

Minimart@MWH allows administrators to manage and distribute vouchers to residents based on their actions and justifications. Residents can request vouchers, or be awarded by the administrators for completing tasks and use them to “purchase” items, which are priced, stocked, and managed by the administrators. This creates a token economy where good deeds and responsibilities are incentivised.

How we built it

We developed the platform using React and Next.js for the frontend, with Firebase handling authentication and as the database to track orders and voucher balances. Tailwind CSS was used for efficient and aesthetic styling.

Challenges we ran into

Throughout development, we encountered numerous edge cases that needed addressing to create a seamless experience for both residents and administrators. This required additional time and effort to refine our approach. Additionally, some team members faced challenges adapting to unfamiliar technologies like Firebase, Next.js, and Tailwind CSS, but we supported each other to overcome these obstacles.

Accomplishments that we're proud of

We’re proud to have developed a polished and functional prototype within just four days, all while balancing our school workload as the semester began. It was a rewarding experience to learn new technologies, work as a team, and deliver a meaningful solution.

What we learned

We gained hands-on experience with technologies like Firebase for dynamic databases, Tailwind CSS for efficient UI styling, and Next.js for building high-performance websites. This project also honed our problem-solving, web development and collaboration skills.

What's next for Minimart@MWH

We plan to integrate more automation into the voucher rewards and stocking system. Future updates could include connections to LMS platforms or behavior trackers for automated voucher distribution, as well as integrating POS systems for real-time stock management.

Built With

• firebase
• javascript
• nextjs
• react
• tailwind
• vercel