KakiMart Rewards

• 

  Sign in page

• 

  Create user

• 

  User management

• 

  Product list

• 

  Add product

Inspiration

The Minimart and Voucher System was inspired by the Muhammadiyah Welfare Home’s mission to empower residents and foster positive behavior while simplifying administrative processes. By creating a centralized platform, we aimed to help residents manage their rewards independently and provide staff with efficient tools for managing inventory, vouchers, and reporting. This solution not only aligns with MWH’s vision but also serves as a meaningful tool for fostering responsibility and reinforcing positive choices.

What it does

The system provides residents with a seamless way to earn, track, and redeem vouchers for products at the minimart. Through a user-friendly dashboard, residents can view their voucher balances, track transactions, and browse available items.

For administrators, the system offers robust tools to manage users, approve voucher requests, monitor inventory levels, and generate reports. It centralizes operations, eliminates manual record-keeping, and provides real-time insights, helping staff focus on more impactful work.

How we built it

This project was developed using cutting-edge technologies to ensure a modern, scalable, and efficient solution:

• Next.js: For building a responsive, fast, and SEO-friendly web application.
• ShadCN: To create accessible, customizable, and consistent UI components.
• NextAuth: To implement secure authentication, enabling residents and admins to log in effortlessly.
• Neon DB: As the database solution, offering a scalable and serverless PostgreSQL backend for managing user data, inventory, and transactions.

Despite starting with no prior coding experience, we dived into full-stack development, mastering these tools and technologies through hands-on learning. Each feature was carefully implemented to prioritize usability, performance, and security.

Challenges we ran into

We faced several challenges, including the steep learning curve of adopting new technologies like Next.js and Neon DB. Balancing the diverse needs of residents and administrators required careful consideration to ensure that the platform remained intuitive yet robust. Additionally, implementing secure authentication with NextAuth and maintaining real-time data consistency across the platform posed technical hurdles, which we overcame through extensive research and collaboration.

Accomplishments that we're proud of

We’re proud of designing and building a fully functional prototype in a short period, despite having no coding background. Learning and leveraging a modern tech stack while ensuring the platform met real-world requirements was a significant achievement. Our ability to centralize operations and create a user-centric experience for both residents and administrators is something we take great pride in.

What we learned

This project was a deep dive into modern web development. We gained hands-on experience with technologies like Next.js, ShadCN, NextAuth, and Neon DB, learning how to integrate them seamlessly. Beyond technical skills, we also learned the importance of user-centric design, rapid prototyping, and collaboration. The experience taught us how to break down complex requirements and deliver a solution that balances simplicity with functionality.

What's next for KakiMart Rewards

Next, we plan to fully implement the voucher system and integrate advanced features like dynamic dashboards and automated reporting. We also aim to enhance the system’s scalability and explore additional features, such as an auction module for residents. By refining the platform and continuing to innovate, we hope to maximize its impact and provide an invaluable tool for the Muhammadiyah Welfare Home and its community.

Built With

• neondb
• next.js
• nextauth
• shadcn