Created with the following prompt:
“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.”
It asked me if I want to use vite/React or another framework. I responded that I prefer using Elm. It generated the app, but there was no way to run it in the current state. I had to install Elm and build it.
No other tweaks were made.
Runs locally, but just a white screen when ran from Github Pages.
hosted at http://claude3.5.cotterslist.com/public
| 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>