Togetstamp

• 

  Togetstamp

Inspiration

My inspiration came from observing local merchants using paper loyalty cards. These are often lost by customers and create unnecessary waste. I saw an opportunity to create a digital, eco-friendly solution that is more convenient for customers and also serves as a powerful marketing tool for merchants. By allowing users to discover nearby businesses, merchants can attract new customers through their existing ones.

What it does

"To Get Stamp" is a digital loyalty card platform.

• For Customers: It's a digital stamp book on their phone. They can discover local merchants on a map, collect stamps by scanning a QR code, and redeem rewards.
• For Merchants: It's a customer engagement tool. Merchants can create digital loyalty programs, set up group-buy events, and design unique, AI-generated stamps to make their brand stand out.

How I built it

I built "To Get Stamp" with a modern tech stack:

• Frontend: React, TypeScript, and TailwindCSS for a clean, responsive user interface.
• Backend & Database: Google Firebase for user authentication and the Firestore real-time database.
• AI Stamp Generation: Google's Gemini AI to allow merchants to create unique stamps from simple text descriptions.
• Core Features: Geolocation for the merchant map and QR codes for a seamless stamp-collecting process.

Challenges I ran into

I faced a couple of key technical challenges:

1. Firebase Integration: Structuring the Firestore database and its security rules to handle different user roles (customers vs. merchants) and protect user data was complex.
2. AI Image Generation: Integrating the Gemini AI was new to me. I had to learn how to write effective prompts and manage the asynchronous API calls to ensure a smooth user experience.

Accomplishments I'm proud of

I'm proud of building a fully functional, end-to-end platform in a short time. Specifically, I succeeded in:

• Integrating a generative AI to offer a unique and creative feature.
• Building a dual-role system that serves both customers and merchants effectively.
• Developing a location-aware discovery feature to help drive foot traffic to local businesses.
• Creating a seamless QR code experience for collecting stamps.

What I learned

This hackathon was a fantastic learning experience. I gained hands-on experience with the entire product development lifecycle. I deepened my understanding of Firebase, learned how to integrate a powerful third-party AI service like Gemini, and sharpened my frontend development skills.

What's next for To Get Stamp

"To Get Stamp" has significant growth potential. The next steps are:

• UX Refinement: Simplify the user interface and overall workflow.
• Stripe Integration: Introduce a paid subscription for merchants. Instead of paying for paper stamps, they can invest in this more powerful digital tool. **Bug Fixes & Stability:* Thoroughly test the application to find and fix bugs, ensuring a more stable and reliable experience for all users.

Built With

• firebase
• google-gemini-ai
• gps
• react
• tailwindcss
• typescript
• vite