{"id":25470566,"url":"https://github.com/aaronhmiller/chatgpt-webapp","last_synced_at":"2026-01-25T15:32:13.136Z","repository":{"id":219514731,"uuid":"749239903","full_name":"aaronhmiller/chatgpt-webapp","owner":"aaronhmiller","description":null,"archived":false,"fork":false,"pushed_at":"2024-07-22T00:33:01.000Z","size":53,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-17T15:11:26.764Z","etag":null,"topics":["ox-demo","security-team"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aaronhmiller.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-28T01:05:35.000Z","updated_at":"2024-07-22T00:32:51.000Z","dependencies_parsed_at":"2024-01-28T02:26:43.441Z","dependency_job_id":"ea043af7-9871-4bbe-964f-6fefd4838902","html_url":"https://github.com/aaronhmiller/chatgpt-webapp","commit_stats":null,"previous_names":["aaronhmiller/chatgpt-webapp"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/aaronhmiller/chatgpt-webapp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronhmiller%2Fchatgpt-webapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronhmiller%2Fchatgpt-webapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronhmiller%2Fchatgpt-webapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronhmiller%2Fchatgpt-webapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aaronhmiller","download_url":"https://codeload.github.com/aaronhmiller/chatgpt-webapp/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronhmiller%2Fchatgpt-webapp/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28754823,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-25T13:59:49.818Z","status":"ssl_error","status_checked_at":"2026-01-25T13:59:33.728Z","response_time":113,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ox-demo","security-team"],"created_at":"2025-02-18T08:35:43.280Z","updated_at":"2026-01-25T15:32:13.120Z","avatar_url":"https://github.com/aaronhmiller.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Webform that updates DB\n\nAssumes a pre-existing REST API \u0026 running Postgres DB\n\nI had an existing project [crud-app](https://github.com/aaronhmiller/crud-app) that has an Express-based CRUD API that uses Postgres.\n\nI asked ChatGPT:\n\n1. `write me a web page that interacts with a REST API backend that uses Postgres DB`\n2. `now show me how to create a web form that allows me to edit the data using the REST API`\n\nIt told me to install Flask (Python framework) and gave me app.py \u0026 index.html \u0026 style.css for a webform that interacted with my Postgres DB using my REST API.\n\n## Usage\n\n1. Fire up the crud-app docker compose stack, from its directory, `docker compose up -d`\n2. from this project's directory, run `python3 app.py`\n3. in your browser, open the page: [http://localhost:8080](http:localhost:8080)\n4. you should see the inital data, and be able to create, update or delete any of the records\n\n## Misconceptions\nI thought I had it doing all updates via the REST API. However, I was just making calls to the DB, using the same logic the API used!\n\nRefactored to use api.demojoyto.win.\n\n## Learnings\nOne side-effect of having a web frontend and an API is the different ways the same data displays. Note how chatgpt-webapp renders users puts the fiellds in alphabetical order (email/id/name) while the raw API puts/keeps them as they are defined in the DB (id/name/email).\n\nNotes: had to add both AWS IPs to the Cloudflare WAF to prevent 403s.\n\n## Codebase visualization\n![Visualization of the codebase](https://github.com/aaronhmiller/chatgpt-webapp/blob/diagram/diagram.svg?raw=true)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faaronhmiller%2Fchatgpt-webapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faaronhmiller%2Fchatgpt-webapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faaronhmiller%2Fchatgpt-webapp/lists"}