Develop AI Problem Solving System - 30/07/2026 09:02 EDT
Publicada el 2026-07-30
Descripción de la oferta
import React, { useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Textarea } from "@/components/ui/textarea"; export default function AIProblemManager() { const [problems, setProblems] = useState([]); const [title, setTitle] = useState(""); const [description, setDescription] = useState(""); const addProblem = () => { if (!title) return; const newProblem = { id: Date.now(), title, description, status: "Pending", solution: "", }; setProblems([newProblem, ...problems]); setTitle(""); setDescription(""); }; const solveWithAI = async (id) => { const updated = problems.map((p) => { if (p.id === id) { return { ...p, solution: "AI is thinking...", }; } return p; }); setProblems(updated); // Fake AI response (replace with real API call) setTimeout(() => { const solved = problems.map((p) => { if (p.id === id) { return { ...p, status: "Solved", solution: "This is an AI-generated solution based on the problem description.", }; } return p; }); setProblems(solved); }, 1500); }; return ( AI Problem Solving System setTitle(e.target.value)} /> setDescription(e.target.value)} /> Add Problem {problems.map((p) => ( {p.title} {p.description} Status: {p.status} {p.solution} solveWithAI(p.id)}> Solve with AI ))} ); }
Skills
Fuente original: freelancer