maple syrup

maple syrup

Inspiration

Beg for it, then bag it. You’ve all heard about the honey influence scam. Unlike honey, our Chrome extension, MAPLE SYRUP, goes deeper to tackle the root cause of overspending. Powered by AI, MAPLE SYRUP features a smart chat-bot that keeps you financially accountable and prevents impulsive spending when shopping online.

What it does

Our Chrome extension adds a smart checkpoint to your online shopping. Before checking out, you'll need to convince an AI chatbot in under 10 messages why you truly need the item — or it blocks the purchase entirely.

How we built it

Use Chrome API/Developer Tools to deploy the extension. Integrate OpenAI GPT-4 and Groq models for the chatbot in the popup page. Implement data persistence to save chat history, enabling optimized purchase decisions. Develop a custom React.js component for the popup interface.

Challenges we ran into

Preserving chat history for context-driven responses.
Injecting a custom React component to the DOM via Chrome extension content scripts
Optimizing prompts to ensure a seamless conversation.
Getting the LLM to determine a final verdict based on the conversation.

Accomplishments that we're proud of

First time using LLM APIs and related tools.
First Chrome extension with integrated chatbot.
First time editing with Filmora and AI tools.
Clean and navigatable UI development.

What we learned

Leveraged tools like LLM APIs, Chrome Extension, React, Filmora, and Figma. Learned the value of detail-oriented decisions.

What's next for maple syrup

Price matching for smarter shopping. Budget tracking to ensure financial accountability. Optimized AI model tailored to user needs. Scalable for a large user base and multiple items. Web scraping for improved conversational context.