Hello!

BrainTech - software solutions, web design and applications.

Module 2 – First OpenAI API call Lesson

First AI response in the browser

First AI response in the browser

First AI response in the browser matters because without a stable API layer FirmAssist cannot talk to the model reliably.

You now bootstrap FirmAssist: API key, folder structure, and the first PHP call that returns a model response.

In depth

Here you build the minimal production flow: configuration, HTTP call, response parsing, and safe error handling. If this layer is clean, later chat, OCR, and RAG features in FirmAssist can reuse it without duplicating code or improvising solutions.

Key points

  • Secrets stay on the server only.
  • The payload must be readable and valid.
  • HTTP status and body are checked separately.
  • Timing and error logs help later debugging.

Practical example

Safely rendering the AI response in the browser.

$result = ['answer' => 'Supplier requests payment date confirmation by Friday.'];
?>
<div class="ai-response">
    <strong>FirmAssist:</strong>
    <p><?= htmlspecialchars($result['answer'], ENT_QUOTES, 'UTF-8') ?></p>
</div>

Common mistake

The mistake is hiding every failure behind one generic message.

Summary

After this lesson you can build a stable AI endpoint that FirmAssist uses as the base for later modules.

Design Wireframe
High Fidelity Design
Design development
Design development
Design development
Research development