hosted here: http://gem2.5pro.cotterslist.com/public
“Create a simple PWA for budgeting that has 2 inputs at the top. A text input and a number input. And a submit button. When you press the submit button, a list of categories pops up for you to choose. With an option to add or delete a category. Once the press a category, it adds that amount to the category and it goes back to the home screen where you see a list of categories with there amounts. When click on a category a pop-up with the list of expenses shows up.”
styles worked locally, but not when hosted from Github Pages.
| GPT-5 | GPT-5 mini | Gemini 2.5 Pro | Claude Sonnet 3.5 | Claude Sonnet 3.7 | Claude 4 | o4-mini | |
|---|---|---|---|---|---|---|---|
| Styled | ✔️ | ✔️ | ✖️ | ✖️ | ✖️ | ✔️ | ✖️ |
| Phone layout | ✖️ | ✖️ | ✖️ | ✖️ | ✖️ | ✔️ | ✖️ |
| Add Category | ✔️ | ✔️ | ✖️ | ✖️ | ✖️ | ✔️ | ✔️ |
| Add Expense | ✔️ | ✔️ | ✖️ | ✖️ | ✖️ | ✔️ | ✔️ |
| Delete Category | ✔️ | ✔️ | ✖️ | ✖️ | ✖️ | ✔️ | ✔️ | View Expenses | ✔️ | ✔️ | ✖️ | ✖️ | ✖️ | ✔️ | ✔️ | </tr>View Expenses | ✖️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | </tr>Works offline | ✖️ | ✖️ | ✖️ | ✖️ | ✖️ | ✖️ | ✖️ | </tr>
No other tweaks were made after initial prompt: Everyhing thing else that follows in this README was generated
A tiny offline-first budgeting PWA. Add an expense (name + amount), pick a category (create/delete categories), and see totals per category. Tap a category to view its expense history.
Any static server works. For example with Python:
cd public
python3 -m http.server 5173
Open http://localhost:5173
Tip: If testing service worker updates, hard refresh or change the cache version in service-worker.js.
{
"categories": [
{ "id": "abc123", "name": "Groceries", "total": 123.45, "expenses": [
{ "id": "e1", "name": "Milk", "amount": 3.25, "ts": 1710000000000 }
]}
]
}
Stored under localStorage['budget-buddy:v1'].
MIT