QuicKart

• 

  user homepage, with user's transaction history and voucher balance at a glance

• 

  users can place order on items

• 

  users can track previous orders and their status

• 

  admins can manage users effectively, with functions like suspending users, adding users and resetting user's password

• 

  admins can track order status and mark orders as delivered

Inspiration

The Muhammadiyah Welfare Home aims to create a supportive environment for boys in need. Inspired by their mission, we aim to design a website that simplifies their operations and enhances the experience of both residents and staff. When developing the web-based minimart, we took inspiration from

What it does

QuicKart is a web-based minimart, with a dedicated admin panel for user management, inventory management and order tracking. For users:

1. Authentication: log in or sign up to access webpage, with an option to change password
2. earn vouchers: earn voucher credits by entering the voucher code
3. place item order for items in stock or make an order pre-request for items out-of-stock
4. track transaction history for previously placed orders

For admin:

1. user management: add users, suspend users and reset user's password
2. inventory management: add items, remove items and update item quantity for easy tracking
3. order management: track order requests by users and mark as delivered
4. logs will be created and listed when an admin updates the inventory for easy tracking and accountability.
5. weekly summary reports to summarise inventory and orders

How we built it

we coded this using the following architecture:

1. frontend: react
2. backend: node.js
3. database: mongodb
4. version control: git

Challenges we ran into

At our initial stages of ideation, we struggled to understand the requirements needed for our product page, especially since there was much room for creativity. Hence, to further understand the needs of our project, we conducted research on MWH and looked up existing minimart websites to gain inspiration. We also struggled balancing features with simplicity. We wanted to implement many additional functions, but due to the tight deadline and the need to ensure a simple, usable webpage that is not too difficult to navigate. Thus, we learnt to priortise core features by listing all features and ranking them by importance. We also struggled to create a secure system to protect sensitive user data, whilst ensuring efficiency. To resolve this, we conducted research on existing systems that shopping sites use and take inspiration. After much trial and error, we managed to implement the system we had in mind.

Accomplishments that we're proud of

Everyone is our team had not participated in a hackathon before, so all of us are proud of the fact that we managed to create a functional prototype in a week. Our solution empowers residents to request products and manage their accounts while equipping administrators with tools for efficient inventory tracking, voucher approvals, and reporting. Additionally, we are proud of fostering collaboration within our team, leveraging diverse skill sets to deliver a meaningful solution that aligns with the MWH's mission to empower its residents.

What we learned

Besides technical skills, we learned the importance of teamwork, ensuring that work was allocated based on our individual strengths as we capitalised on each other's strengths. We also learnt the importance of user-centric design as we designed our front-end, aiming to make the webpage accessible to all. There was also a great need to balance security and usability as sensitive information would be passed when transactions were made. We learnt to implement authentication systems to ensure that our systems remain robust and secure. We also recognised the difficulties involved in implementing and scaling up solutions, especially since non-profit organisations often suffer from manpower and resource shortage. Thus, we learnt too be conscious in every decision we make, ensuring that they address MWH's concerns, while being feasible to implement. Lastly, we all enjoyed the process and felt a sense of accomplishment in creating a product meant for an organisation with such a good mission. Thus, we aim to further engage in such projects that do social good.

What's next for QuicKart

We envision a scalable platform that can expand to include more advanced features, such as real-time inventory tracking, personalized recommendations, and mobile app integration. By continuing to collaborate with MWH, we hope to gather feedback, conduct pilot testing and refine the system further. We also hope to implement the following functions:

• Implement a function for residents to set personal goals (that will be vetted by admins) and earn extra vouchers when these goals are met. This acts as an incentive for them to work towards their own goals and get a sense of achievement when they succeed.
• Integrate wellness modules like fitness challenges or mental wellbeing exercises, and reward participation with vouchers.

Built With

• git
• github
• mongodb
• node.js
• react