Racial Harmony

• 

  Log In Page

• 

  Resident's Home Page

• 

  Resident's Cart Page 1

• 

  Resident's Cart Page 2

• 

  Resident's Minimart Page

• 

  Resident's Product Page

• 

  Resident's Voucher Page

• 

  Resident's Voucher View Page

• 

  Resident's History Page

• 

  Admin's Voucher Task Management Page 1

• 

  Admin's Voucher Task Management Page 2

• 

  Admin's Voucher Task Audit Page

• 

  Admin's Inventory Management Page 1

• 

  Admin's Inventory Management Page 2

• 

  Admin's Audit Page 1

• 

  Admin's Audit Page 2

• 

Inspiration

Our project for Muhammadiyah was inspired by the organization's longstanding commitment to social cohesion, community support, and inclusivity. Living in a diverse society, we recognized the importance of fostering responsibility through actionable initiatives. We aimed to develop a solution that strengthens community bonds and promotes shared responsibility.

For Residents:

• A streamlined dashboard to easily track voucher balances, transaction history, and available products.
• The ability to add their own personal touch with customisable wallpapers and profile settings.
• The ability to request items or place preorders for out-of-stock products.
• A secure login process with optional password reset via mobile.

For Admins:

• User management features, including adding, suspending, and resetting passwords.
• The ability to approve or reject voucher tasks and product requests, with detailed tracking of actions.
• Tools for managing inventory, along with audit logs for transparency and accountability.
• Reporting capabilities to generate insights such as weekly requests and inventory summaries.

This system is designed to enhance efficiency, provide transparency, and deliver a seamless experience for all users.

How we built it

We utilized a user-centered approach to design and development:

1. Frameworks & Tools: React for the front-end, Node.js for the back-end, and Firebase for real-time data synchronization.
2. Client Research: We conducted in-depth research on Muhammadiyah to ensure the platform aligns with their mission and values.
3. Focus on Accessibility: Ensuring the platform is inclusive and easy to use for individuals of all backgrounds and abilities.

Challenges we ran into

1. Identifying Key Needs: Determining the most impactful features to address the needs of youth-at-risk.
2. Resource Limitations: Working within a limited timeline to develop a functional and scalable prototype.
3. Engagement Strategies: Designing features that effectively motivate youth participation and sustained engagement.

Accomplishments that we're proud of

• Successfully launching a platform prototype within the project timeline.
• Building a scalable foundation that can be adapted for future initiatives across different regions or organizations.

What we learned

• Successfully delivering a functional prototype that aligns with Muhammadiyah's objectives.
• Developing a robust and scalable platform foundation for future enhancements.

What's next for Racial Harmony

1. Feature Expansion: Adding personalized recommendations for events, initiatives, and other opportunities.
2. Broader Deployment: Scaling the platform for use by other organizations or communities.
3. Impact Metrics: Implementing tools to measure the platform's effectiveness in fostering community engagement.
4. Mobile Accessibility: Developing a mobile application to increase usability and reach.
5. User Feedback Integration: Continuously improving the platform based on user input and evolving community needs.

We believe this project has the potential to make a meaningful difference and are excited to continue evolving it to support Muhammadiyah's vision of unity and growth. This project represents our commitment to building tools that make a meaningful difference in community development and engagement.

Built With

• css3
• express.js
• firebase
• html5
• javascript
• node.js
• react