We've all been there—late-night scrolling turns into “just one more thing in the cart.” Whether it’s grabbing the latest gadgets, splurging on unnecessary decor, or stocking up on way too many snacks, sticking to a budget can feel impossible. Traditional budgeting apps? Too passive. Sheer willpower? Let’s be real. That’s where TalkTuahTaxer steps in. It’s your no-nonsense spending buddy, ready to call you out before you hit Confirm Purchase and help you think twice about that “essential” fifth pair of headphones.
TalkTuahTaxer is a Chrome extension designed to help you control your online spending. Whenever you're on Amazon checkout page, it locks the BUY NOW button and throws you into a scary-basement-style scenario! Two influencers will argue your purchase:
- Kai Cenat: Explains how buying this will give you negative aura and why you should not buy the item
- Livvy Dunne: Lure you into buying the item by stating how it can help you.
The arguments are based on your monthly budget, previous spending, and the items in your cart. By making you think twice about the pros and cons, TalkTuahTaxer helps you make more informed, mindful financial decisions before you proceed with any purchase.
we built the user interface using react keeping it clean and sigma-worthy, The backend is the vanilla cream of Node.js and FastAPI. We used openAI for conversation between Kai Cenat, Livvy Dunne, and CaseOh. As for text-to-speech, we used ElevenLabs (Goated)
Backend and Frontend Integration: Ensuring seamless communication between the backend and frontend was a significant challenge. It required a lot of debugging and optimization to maintain smooth functionality and cordination. Dynamic Content Handling: Amazon’s dynamicly changing content required us to create adaping dynamic scripts, ensuring they remained robust and up-to-date.
Making Finance Engaging and Fun: We succeeded in turning financial management into an enjoyable experience, encouraging users (specially gen z and alpha) to rethink their spending habits and make more responsible decisions—one Don Apollo Chicken at a time. Our team’s dedication shone through during a 24+ hour call in a single day. From late-night brainstorming sessions to seamless collaboration, we demonstrated commitment and synergy throughout the project.
Innovative Approaches: Adapting creative, engaging methods can help younger generations understand and adopt essential concepts across different fields. We also learned that We learned that saving money is more than practical—it’s empowering. By making financial management accessible and fun, we’re helping users take control of their spending habits.
- 🎭 Interactive debates between two distinct personalities:
- Livvy Dunne (Encouraging) 💅: LSU gymnast and social media star
- Kai Cenat (Discouraging) 😤: Famous streamer with street-smart takes
- 🔊 Real-time voice synthesis with unique character voices
- 💬 Synchronized text and audio display
- 💰 Customizable price threshold settings
- 🎯 Smart product analysis
- ⚡ Real-time response generation
- OpenAI integration for intelligent text generation
- ElevenLabs voice synthesis (Brittney for Livvy, Tyrone for Kai)
- Synchronized audio streaming and text display
- Chrome Storage API integration
- Dynamic UI elements
- React
- TypeScript
- Tailwind CSS
- Chrome Extensions API
- FastAPI
- OpenAI API (GPT-4o mini)
- ElevenLabs API (Text-to-Speech Streaming)
- Python 3.12+
- OpenAI API Key
- ElevenLabs API Key
- Clone the repository:
git clone https://github.com/KNQuoc/TalkTuahTaxer.git
cd TalkTuahTaxer- Set up Backend:
cd backend
python -m venv venv
source venv/bin/activate # On Windows: venv\Scripts\activate
pip install -r requirements.txt- Create .env file:
OPENAI_API_KEY=your_openai_key_here
ELEVENLABS_API_KEY=your_elevenlabs_key_here- Run the backend server:
uvicorn src.main:app --reload- Install Dependencies:
cd talktuahtaxer
npm install
- Build the extension
npm run build- Load in Chrome:
- Open Chrome and navigate to
chrome://extensions/ - Enable "Developer mode"
- Click "Load unpacked"
- Select the
talktuahtaxer/distdirectory
- Start Debate
POST /api/v1/start-debateRequest body:
{
"title": "Product Name",
"price": 199.99,
"threshold": 150.00
}Response Body:
{
"success": true,
"session_id": "{unique_session_id}",
"data": {
"responses": {
"encourage": {
"text": "Livvy's response",
"character": "Livvy"
},
"discourage": {
"text": "Kai's response",
"character": "Kai"
}
}
}
}- Get Audio Stream
GET /get-audio/{session_id}/{character}character: 'livvy' or 'kai'
Returns: Audio stream (MP3)
- Navigate to any Amazon product page
- Set your price threshold using the slider
- Watch and listen as Livvy and Kai debate your potential purchase
- Make your decision based on their arguments
- Access API documentation:
- Swagger UI:
http://localhost:8000/docs - ReDoc:
http://localhost:8000/redoc
- Testing API:
# Start a debate
curl -X POST http://localhost:8000/api/v1/start-debate \
-H "Content-Type: application/json" \
-d '{
"title": "Nike Air Max",
"price": 199.99,
"threshold": 150.00
}'
# Get audio stream
curl http://localhost:8000/api/v1/get-audio/{session_id}/livvy > livvy_response.mp3- Fork the repository
- Create your feature branch:
git checkout -b feature/AmazingFeature - Commit your changes:
git commit -m 'Add some AmazingFeature' - Push to the branch:
git push origin feature/AmazingFeature - Open a pull request
Expaaaaaaand, Why stop at Amazon? We’re setting our sights on platforms like eBay and Walmart to make the magic happen everywhere. Introducing a scoring system to track how responsible (or skibidi) you are with your spending habits—because accountability should come with style. Integrate Retell AI for voice chat between users and the extension—because sometimes, you really need to TalkTuah before you buy.