biologi x

import React, { useState, useEffect, useRef } from 'react'; import { Send, Loader, AlertCircle } from 'lucide-react'; const initialPrompt = "Selamat datang! Simulator ini dirancang untuk mendiskusikan dan merefleksikan Roma 5:5 secara mendalam.\n\nMari kita mulai. Menurut Anda, apa makna dari 'pengharapan yang tidak mengecewakan' yang disebutkan dalam ayat ini, dan apa yang membedakannya dari optimisme biasa?"; export default function App() { const [conversation, setConversation] = useState([{ role: 'model', text: initialPrompt }]); const [userInput, setUserInput] = useState(''); const [isLoading, setIsLoading] = useState(false); const [error, setError] = useState(null); const messagesEndRef = useRef(null); // Auto-scroll to the bottom of the conversation useEffect(() => { messagesEndRef.current?.scrollIntoView({ behavior: "smooth" }); }, [conversation]); const handleSendMessage = async (e) => { e.preventDefault(); if (!userInput.trim() || isLoading) return; setError(null); const newConversation = [...conversation, { role: 'user', text: userInput }]; setConversation(newConversation); setUserInput(''); setIsLoading(true); try { // Prepare the conversation history for the API call const payload = { contents: newConversation.map(msg => ({ role: msg.role === 'user' ? 'user' : 'model', parts: [{ text: msg.text }] })) }; const apiKey = ""; const apiUrl = `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-preview-05-20:generateContent?key=${apiKey}`; const response = await fetch(apiUrl, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }); if (!response.ok) { throw new Error(`API error: ${response.status} ${response.statusText}`); } const result = await response.json(); if (result.candidates && result.candidates.length > 0 && result.candidates[0].content && result.candidates[0].content.parts && result.candidates[0].content.parts.length > 0) { const modelResponse = result.candidates[0].content.parts[0].text; setConversation(prev => [...prev, { role: 'model', text: modelResponse }]); } else { throw new Error('Unexpected API response format or empty content.'); } } catch (err) { console.error(err); setError("Maaf, terjadi kesalahan. Silakan coba lagi."); setConversation(prev => [...prev, { role: 'model', text: "Maaf, saya mengalami kesulitan untuk merespons. Bisakah Anda coba lagi atau menanyakan sesuatu yang lain?" }]); } finally { setIsLoading(false); } }; const getRoleClass = (role) => { return role === 'user' ? 'bg-orange-50 text-stone-800 self-end rounded-br-none' : 'bg-stone-50 text-stone-800 self-start rounded-bl-none'; }; return (

{conversation.map((message, index) => (

{message.text}

))} {isLoading && (

)}

{error && (

{error}

)}

); }

Home Schooling Logos Indonesia

Saya dilahirkan di sebuah kota kecil yang bernama Kambaniru dan bersekolah di sebuah sekolah Kristen yang bernama SD Masehi Kambaniru II kemudian setelah kelas 4 melanjutkan ke SD Negeri II Matawai dan setelah itu ke SMP Negeri I TandaRotu dan SMA Negeri I Waingapu kemudian melanjutkan pendidikan ke IKIP Sanata Dharma jurusan Fisika dan IKIP Karang Malang Jurusan Kimia dan UGM Fakultas Pertanian Jurusan Perikanan Kemudian AKADEMI PERIKANAN YOGYAKARTA setelah itu membuka Home Schooling Logos

biologi x

Kamis, 31 Juli 2025

Simulator Roma 5:5

Jumat, 20 Juni 2025

ChatBot

chatbot

ChatBot

Ujian Sumatif TIK Paket A 2025

Kamis, 19 Juni 2025

Sumatif

Chatbot Soal

Sumatif TIK

Kuis Interaktif

Soal Ujian Sumatif

Ujian Sumatif TIK Paket A Tahun 2025