1. Clone the entire repository

  2. Show the diagram of what we’re building

  3. Start the frontend

    1. Overview of the frontend/backend components
    2. Should error since we haven’t started the backend yet.

  4. Run the demo — Create a new file in the chalicelib/kitsune_1_chatbot.py/send_message_to_openai and run it locally.

    1. Write the function to get a single response from OpenAI GPT kitsune_1_chatbot.py → send_message_to_openai
    2. Explain the function response

    ‼️ ‼️ ‼️  Phase 1: OpenAI Messages Endpoint ‼️ ‼️ ‼️ 

  5. Integrate it into the backend

    1. Import the function into app.py
    2. Take the request from the user

  6. Show in the frontend where it’s going to go.

    1. Explain the entire user workflow again
      1. Explain the handleSubmit → goes to the URL
      2. Server receives a REQUEST and gets the parameters from the request body.
      3. It sends a call to OpenAI accordingly.
      4. We return the response with all the data
      5. The applicaiton renders everything in a template.
        1. Explain the ChatMessages and MessageItem