$pent

• 

  Screenshot of our website after generating items given the user input budget

$pent - The Irresponsible Spending Item Generator

🎯 About

$pent is a fun, annoying web application that encourages irresponsible spending by generating random, quirky, and potentially useless items based on your budget. Perfect for those moments when you just want to make some questionable financial decisions!

This project was the idea of our wonderful team member Sarah, who is arguably the final boss of consumerism (don't worry she changed). She was inspired after not knowing what to gift her friends for Christmas. We learned about utilizing API keys (Connor had no prior knowledge of OpenAI API), Next.js (Sarah had no prior knowledge of Next.js), and Amazon (Atharv knew about Amazon).

✨ Features

• 💰 Budget-based item generation
• 🛍️ Real-time product recommendations
• 🎲 Random and unique product suggestions
• 💅 Clean and modern UI with dark/light themes
• 🔍 Direct Amazon product search links
• 🤖 Powered by OpenAI's GPT

🛠️ Tech Stack

• Framework: Next.js (App Router)
• Styling: Tailwind CSS
• AI Integration: OpenAI API
• Deployment: Vercel
• Language: TypeScript

💭 How It Works

1. User inputs their budget
2. OpenAI generates quirky product suggestions
3. Each product is linked to Amazon search results
4. Products are displayed with names and prices
5. Users can click through to view products on Amazon

📝 Challenges Faced

1. We had trouble figuring out how to utilize the API key at first
2. The links to the items were not working
3. The raining money was blocking the text and buttons

Made with ❤️ for questionable financial decisions

Built With

• next.js
• openaiapi
• tailwindcss
• typescript
• vercel
• vscode