API Integration Guide

import Anthropic from '@anthropic-ai/sdk';

const anthropic = new Anthropic({
  apiKey: process.env.ANTHROPIC_API_KEY,
});

async function generateLessonPlan(subject: string, grade: number, topic: string) {
  const message = await anthropic.messages.create({
    model: 'claude-sonnet-4.5-20250929',
    max_tokens: 4096,
    messages: [{
      role: 'user',
      content: `Generate a detailed lesson plan for Grade ${grade} ${subject} on the topic: "${topic}". 
      This should be aligned with the Kenyan CBC curriculum. Include:
      - Learning objectives
      - Materials needed
      - Step-by-step activities (30-40 minutes)
      - Assessment methods
      - Differentiation strategies`
    }]
  });
  
  return message.content[0].text;
}

// Usage
const lessonPlan = await generateLessonPlan('Mathematics', 5, 'Introduction to Fractions');
console.log(lessonPlan);

const UGANDA_CURRICULUM_PROMPT = `You are an expert teacher familiar with Uganda's National Curriculum.
Generate a detailed lesson plan for:
- Class: Primary {grade}
- Subject: {subject}
- Topic: {topic}
- Duration: {duration} minutes

Structure the lesson plan with:
1. Learning Objectives (By the end of the lesson, learners should be able to...)
2. Teaching and Learning Materials
3. Introduction (5-10 minutes)
4. Development/Presentation (20-25 minutes)
5. Conclusion (5 minutes)
6. Assessment and Evaluation
7. Teacher's Reflection

Align with Uganda's primary education standards and make it practical for Ugandan classrooms.`;

async function generateUgandaLesson(params: {
  grade: number;
  subject: string;
  topic: string;
  duration: number;
}) {
  const prompt = UGANDA_CURRICULUM_PROMPT
    .replace('{grade}', params.grade.toString())
    .replace('{subject}', params.subject)
    .replace('{topic}', params.topic)
    .replace('{duration}', params.duration.toString());
    
  const message = await anthropic.messages.create({
    model: 'claude-sonnet-4.5-20250929',
    max_tokens: 4096,
    messages: [{ role: 'user', content: prompt }]
  });
  
  return message.content[0].text;
}

// components/ChatAssistant.tsx
'use client';

import { useState } from 'react';

export function ChatAssistant() {
  const [messages, setMessages] = useState>([]);
  const [input, setInput] = useState('');
  const [isLoading, setIsLoading] = useState(false);

  async function sendMessage() {
    if (!input.trim()) return;

    const userMessage = { role: 'user', content: input };
    setMessages(prev => [...prev, userMessage]);
    setInput('');
    setIsLoading(true);

    try {
      const response = await fetch('/api/chat', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          messages: [...messages, userMessage],
          userContext: {
            grade: 5,
            subject: 'Mathematics',
            country: 'Kenya'
          }
        }),
      });

      const reader = response.body?.getReader();
      const decoder = new TextDecoder();
      let assistantMessage = '';

      while (true) {
        const { done, value } = await reader!.read();
        if (done) break;

        const chunk = decoder.decode(value);
        const lines = chunk.split('\n\n');
        
        for (const line of lines) {
          if (line.startsWith('data: ')) {
            const data = JSON.parse(line.slice(6));
            assistantMessage += data.text;
            setMessages(prev => {
              const newMessages = [...prev];
              const lastMessage = newMessages[newMessages.length - 1];
              if (lastMessage?.role === 'assistant') {
                newMessages[newMessages.length - 1] = {
                  role: 'assistant',
                  content: assistantMessage
                };
              } else {
                newMessages.push({ role: 'assistant', content: assistantMessage });
              }
              return newMessages;
            });
          }
        }
      }
    } catch (error) {
      console.error('Error:', error);
    } finally {
      setIsLoading(false);
    }
  }

  return (
    

      

        {messages.map((msg, idx) => (
          

            

              {msg.content}
            
          
        ))}
      
      

         setInput(e.target.value)}
          onKeyPress={(e) => e.key === 'Enter' && sendMessage()}
          placeholder="Ask me anything about teaching..."
          className="flex-1 border rounded-lg px-4 py-2 focus:outline-none focus:border-indigo-500"
          disabled={isLoading}
        />
        
          Send
        
      
    
  );
}