Our inspiration for how to approach this project came from a little bit of prior experience some of our group members had with node.js. While there were definitely other avenues to approach, this was the method that our group members were the most confident with. We envisioned a web-based platform that not only provided easy access to groceries but also integrated a voucher system to assist the residents in managing their needs. This idea resonated with the hackathon's theme of "Hack for Good," motivating us to create a solution with a tangible social impact.
Our platform provides a user-friendly interface for the residents of Muhammadiyah Welfare Home to access and purchase groceries and essential items. The system includes a voucher feature that allows residents to apply vouchers to their purchases, making it easier for them to manage their needs and budgets.
Our project was built using a combination of JavaScript, HTML, and CSS. We started by sketching the layout and user interface, ensuring that it was intuitive and user-friendly for the residents. The JavaScript code handled the dynamic aspects, such as adding items to the cart and applying vouchers. HTML provided the structure, and CSS added the visual elements. We continuously tested and refined our code to ensure a seamless user experience.
The initial phase was chaotic. The lack of a clear direction made it difficult to figure out where to start. We realized the importance of aligning on objectives and creating a roadmap before jumping into coding. Passing code between team members was also a significant challenge. Everyone had their own coding style, and understanding what someone else had written often required hours of untangling. We learned to standardize documentation, leave meaningful comments, and hold quick sync-ups to bridge the gap. From .get and .post requests failing unexpectedly to HTML not rendering as intended, minor issues turned into time-consuming headaches. These experiences taught us the importance of thorough testing, debugging tools, and staying patient through long troubleshooting sessions.
We are particularly proud of the following achievements: User-Friendly Design: Creating an intuitive and accessible interface that meets the specific needs of the residents. Voucher Integration: Successfully integrating a secure and efficient voucher system to assist residents in their purchases. Collaborative Effort: Leveraging the strengths of each team member to develop a robust and functional platform.
Throughout the hackathon, we learned several valuable lessons: Teamwork: The importance of collaboration and effective communication in achieving our goals. Technical Skills: Enhancing our proficiency in JavaScript, HTML, and CSS, and learning how to integrate various components seamlessly. Social Impact: The significance of designing solutions that address real-world challenges and make a positive difference in the lives of others.
Given the opportunity, we plan to further refine and expand our platform: User Feedback: Collecting feedback from the residents of Muhammadiyah Welfare Home to improve the user experience. Additional Features: Adding new features such as gamified daily rewards structures to enhance the appeal and longevity of the platform. Scalability: Exploring opportunities to scale the platform to serve other welfare homes and communities in need.
Log in or sign up for Devpost to join the conversation.