In this case study, a fully functional CRUD app was created in 1 morning entirely by prompting chatGPT4o. This post contains updated links and relevant info from the original post.

A running copy of the application is available at:

http://cmpt1.com:5463

(username: joe@guitarz.org password: 12341234)

Here's a lightweight HTML version of the ChatGPT conversation that you can open quickly - this is the preferred link:

https://com-pute.com/nick/Case_Study_GPT_Full_Stack_Development.html

Here's the whole project - just the code (26k), without docs:

https://com-pute.com/nick/contact_app_no_docs.zip

Current setup instructions - as running at http://xqx1.com:5463 - are available below (beware that original setup instructions in the zip file are deprecated):

https://com-pute.com/nick/case-study-gpt-contact_app--current-docs.txt

The application features include:

1) A complete authorization system built from the ground up, with validated email signup and automated forgotten password handling

2) A UI navigation system with collapsible left hamburger menus which show-hide responsively, according to screen size

3) An account management page which enables users to edit their own first name, last name, email address, and password (once logged in by the auth system)

4) A full-featured datagrid that enables inline editing of data values in a contacts database table (with full create, read, update, delete capability). There's no need to press any 'save' buttons while editing data in the grid - all edits are automatically updated in the database. Users can sort rows of the datagrid by clicking any column headers. Users only see and edit their own saved contact data (only data associated with their account, protected by the auth system).

All database schema, back-end logic, front-end logic, and every single bit of code was created from the ground up entirely by prompting chatGPT4o, and all debugging was performed completely by simply pasting error messages and questions into GPT. None of this application was created at all by any manual coding by a human, and every bit of functionality and styling exists *exactly as was specified in chat prompts.

In this case study, a fully functional CRUD app was created in 1 morning entirely by prompting chatGPT4o. This post contains updated links and relevant info from the original post.

A running copy of the application is available at:

http://xqx1.com:5463

(username: joe@guitarz.org password: 12341234)

Here's a lightweight HTML version of the ChatGPT conversation that you can open quickly - this is the preferred link:

https://com-pute.com/nick/Case_Study_GPT_Full_Stack_Development.html

Here's the whole project - just the code (26k), without docs:

https://com-pute.com/nick/contact_app_no_docs.zip

Current setup instructions - as running at http://xqx1.com:5463 - are available below (beware that original setup instructions in the zip file are deprecated):

https://com-pute.com/nick/case-study-gpt-contact_app--current-docs.txt

The application features include:

1) A complete authorization system built from the ground up, with validated email signup and automated forgotten password handling

2) A UI navigation system with collapsible left hamburger menus which show-hide responsively, according to screen size

3) An account management page which enables users to edit their own first name, last name, email address, and password (once logged in by the auth system)

4) A full-featured datagrid that enables inline editing of data values in a contacts database table (with full create, read, update, delete capability). There's no need to press any 'save' buttons while editing data in the grid - all edits are automatically updated in the database. Users can sort rows of the datagrid by clicking any column headers. Users only see and edit their own saved contact data (only data associated with their account, protected by the auth system).

All database schema, back-end logic, front-end logic, and every single bit of code was created from the ground up entirely by prompting chatGPT4o, and all debugging was performed completely by simply pasting error messages and questions into GPT. None of this application was created at all by any manual coding by a human, and every bit of functionality and styling exists *exactly as was specified in chat prompts.

In this case study, a fully functional CRUD app was created in 1 morning entirely by prompting chatGPT4o. This post contains updated links and relevant info from the original post.

A running copy of the application is available at:

http://xqx1.com:5463

(username: joe@guitarz.org password: 12341234)

Here's a lightweight HTML version of the ChatGPT conversation that you can open quickly - this is the preferred link:

https://com-pute.com/nick/Case_Study_GPT_Full_Stack_Development.html

Here's the whole project - just the code (26k), without docs:

https://com-pute.com/nick/contact_app_no_docs.zip

Current setup instructions - as running at http://xqx1.com:5463 - are available below (beware that original setup instructions in the zip file are deprecated):

https://com-pute.com/nick/case-study-gpt-contact_app--current-docs.txt

Here's a zip file with all the original code and the entire ChatGPT conversation in pdf and mhtml:

https://com-pute.com/nick/contact_app.zip

The application features include:

1) A complete authorization system built from the ground up, with validated email signup and automated forgotten password handling

2) A UI navigation system with collapsible left hamburger menus which show-hide responsively, according to screen size

3) An account management page which enables users to edit their own first name, last name, email address, and password (once logged in by the auth system)

4) A full-featured datagrid that enables inline editing of data values in a contacts database table (with full create, read, update, delete capability). There's no need to press any 'save' buttons while editing data in the grid - all edits are automatically updated in the database. Users can sort rows of the datagrid by clicking any column headers. Users only see and edit their own saved contact data (only data associated with their account, protected by the auth system).

All database schema, back-end logic, front-end logic, and every single bit of code was created from the ground up entirely by prompting chatGPT4o, and all debugging was performed completely by simply pasting error messages and questions into GPT. None of this application was created at all by any manual coding by a human, and every bit of functionality and styling exists *exactly as was specified in chat prompts.

Some additional versions of the conversation are available below:

A .txt version which you'll need to download and open in a local text editor, in order for it to display properly (the browser link won't display all characters properly):

https://com-pute.com/nick/Case_Study_GPT_Full_Stack_Development.txt

A .mhtml copy of the conversation is available below - you'll need to download and open the local copy in your browser - it's slow to load, but the original formatting is displayed, and it can be stored locally on your own machine:

https://com-pute.com/nick/Case_Study_GPT_Full_Stack_Development.mhtml

The full original ChatGPT conversation can be found at the following link - beware that this original shared conversation can take a very long time to load and navigate with your browser (prefer the versions above):

https://chatgpt.com/share/c395ee46-40db-437e-b692-975652120f99

This is a fully functional CRUD app, created in 1 morning entirely by prompting chatGPT4o:

The full ChatGPT conversation can be found at:

https://chatgpt.com/share/c395ee46-40db-437e-b692-975652120f99

The application features include:

1) A complete authorization system built from the ground up, with validated email signup and automated forgotten password handling

2) A UI navigation system with collapsible left hamburger menus which show-hide responsively, according to screen size

3) An account management page which enables users to edit their own first name, last name, email address, and password (once logged in by the auth system)

4) A full-featured datagrid that enables inline editing of data values in a contacts database table (with full create, read, update, delete capability). There's no need to press any 'save' buttons while editing data in the grid - all edits are automatically updated in the database. Users can sort rows of the datagrid by clicking any column headers. Users only see and edit their own saved contact data (only data associated with their account, protected by the auth system).

All database schema, back-end logic, front-end logic, and every single bit of code was created from the ground up entirely by prompting chatGPT4o, and all debugging was performed completely by simply pasting error messages and questions into GPT. None of this application was created at all by any manual coding by a human, and every bit of functionality and styling exists *exactly as was specified in chat prompts.

Here are some notes about how to install and manage the app:

https://com-pute.com/nick/contact-app-notes.txt

And here's a zip file with all the code, and the entire ChatGPT conversation in pdf and mhtml:

https://com-pute.com/nick/contact_app.zip

Here's the whole project - just the code (26k), without docs:

https://com-pute.com/nick/contact_app_no_docs.zip

A running copy is available at:

http://xqx.com:5463

(username: joe@guitarz.org password: 12341234)

Here's the content:

The tutorial below covers how to build web applications entirely with Python, using Brython, Flask, and SQLAlchemy (with some typical Bootstrap to help style front-end layouts):

https://com-pute.com/brython_tutorial

PDF is available here:

https://com-pute.com/brython_tutorial/brython_flask_sqlalchemy_tutorial.pdf

To go along with the tutorial, this is a fully functional CRUD app, created in 1 morning entirely by prompting chatGPT4o:

http://server.py-thon.com:5001

(username: joe@guitarz.org password: 12341234)

The full ChatGPT conversation can be found at:

https://chatgpt.com/share/c395ee46-40db-437e-b692-975652120f99

The application features include:

1) A complete authorization system built from the ground up, with validated email signup and automated forgotten password handling 2) A UI navigation system with collapsible left hamburger menus which show-hide responsively, according to screen size 3) An account management page which enables users to edit their own first name, last name, email address, and password (once logged in by the auth system) 3) A full-featured datagrid that enables inline editing of data values in a contacts database table (with full create, read, update, delete capability). There's no need to press any 'save' buttons while editing data in the grid - all edits are automatically updated in the database. Users can sort rows of the datagrid by clicking any column headers. Users only see and edit their own saved contact data (only data associated with their account, protected by the auth system).

All database schema, back-end logic, front-end logic, and every single bit of code was created from the ground up entirely by prompting chatGPT4o, and all debugging was performed completely by simply pasting error messages and questions into GPT. None of this application was created at all by any manual coding by a human, and every bit of functionality and styling exists *exactly as was specified in chat prompts.

Here are some notes about how to install and manage the app:

https://com-pute.com/nick/contact-app-notes.txt

And here's a zip file with all the code, and the entire ChatGPT conversation in pdf and mhtml:

https://com-pute.com/nick/contact_app.zip

Here's the whole project - just the code (26k), without docs:

https://com-pute.com/nick/contact_app_no_docs.zip

To compare why it's useful to learn to use Anvil to improve software development productivity, this entire application, with all the same features as the project above, was re-created with Anvil in about 15 minutes:

https://contacts.anvil.app

(username: joe@guitarz.org password: 12341234)

Here is the Anvil source file:

https://com-pute.com/nick/Contacts.yaml