MWH SmartMart

Inspiration

The inspiration came from our daily experiences of how mundane administrative tasks may slow us down and distract us from other work that may be more important. This understanding has motivated us to design our webpage in an intuitive manner such that all operations may be swift and intuitive, while allowing for insightful data management.

What it does

MWH SmartMart is designed to:

Motivate the boys to make responsible decisions through a voucher-based reward system.
Minimize the time and effort administrators spend on repetitive tasks.
Offer intuitive tools for reporting and analysis to focus on impactful data.

How we built it

We made use of:

React.js and Next.js for frontend, while utilising Tailwind CSS.
Node.js with Express.js for backend as well as integrating MongoDB for data management, validation and security. The development process also involved agile methodologies to iteratively improve the various features in our webpage.

Challenges we ran into

The main challenge would be the time constraint. As a team of perfectionists, we have idealised many features that we wanted to include in or make perfect in our solution but these efforts had to be rushed to make the submission.

Another difficulty was to ensure mobile compatibility. Understanding our users, many of the residents likely do not own a laptop, while the administrators may prefer working on computer screens. This pushed us to keep the UI clean and simple for both mobile and computer users, which required additional time and effort in the frontend work.

Accomplishments that we're proud of

We are proud of developing a fully functional webpage that can genuinely ease, transform and empower our users – saving time, offering insights for the administrators and motivating the residents. Our webpage is both intuitive and secure.

What we learned

This project was an amazing learning opportunity to sharper our developing and designing skills. We gained insights into real-time data management, user interface design and division of workload.

What's next for MWH SmartMart

In the future, we wish to consider the following features:

Allow residents to submit product requests for products that are not yet available in store.
Allow residents to add multiple quantities from the store page.
Allow admins to generate a wider variety of reports depending on their needs.
Adding an auction system where residents can bid on items using vouchers.