Menu Close

An experiment in prototyping webapps with ChatGPT as a universal Redux reducer

An experiment in prototyping webapps with ChatGPT as a universal Redux reducer

React/Redux apps powered by ChatGPT!

See the blog post for more information!

This is an experiment in prototyping webapps with ChatGPT as a universal Redux reducer. The idea is you implement your app’s frontend in React and Redux, but skip initially implementing the backend and Redux reducers (i.e., the business logic). Instead, your app’s initial state and actions are fed through the AI, which predicts future states automagically. After training the AI by interacting with your frontend, you can even ask it to implement the reducer function for you.

This repo has multiple parts:

  • react-redux-chatgpt/ – The main event. A client-side plugin implementing a Redux store whose actions are reduced by ChatGPT.
  • counter-example/ – The basic React/Redux counter app example, with the reducing handled by ChatGPT.
  • todomvc-example/ – A more advanced example, implementing the TodoMVC todo app challenge with React/Redux and ChatGPT.
  • chatgpt-relay-server/ – A simple REST API server for proxying messages through ChatGPT.

Watch the Demo Videos!

Counter

Counter demo video on YouTube

TodoMVC

Demo video on YouTube

View Source Code
Posted in ChatGPT, Redux