Links

• App
• Code

AI Tools

• V0
• Cursor
• Claude

Tech Stack

• Next.js
• TypeScript
• Tailwind
• shadcn/ui

Prompts

Build out this tip calculator app using the following design as a reference. It should use shadcn components and have a green theme. Users should be able to calculate the correct tip and total cost of the bill per person, view the optimal layout for the app depending on their device’s screen size, and see hover states for all interactive elements on the page.

Human Contributions

• Slight adjustments to JavaScript logic

Future Features

• Add support for multiple currencies
• Implement a dark mode option
• Create a history feature to save previous calculations
• Add the ability to split the bill unevenly among participants
• Include a feature to scan receipts and automatically input bill details
• Implement a tip suggestion feature based on service quality