\n \n\n",[],[99,187],{"_104":195,"_95":196,"_153":197,"_155":181,"_156":138,"_157":101,"_159":22,"_106":198,"_100":32,"_162":174,"_164":199,"_165":22,"_166":-5,"_167":200,"_98":201},"51b358a8-3f8c-11f0-b58a-76b3cceeab13","index.tsx","51b359e8-3f8c-11f0-b58a-76b3cceeab13",["D",1748853234710],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport type { ConceptResponse, SampleQuestion, ErrorResponse } from \"../shared/types.ts\";\n\ninterface AppState {\n term: string;\n response: ConceptResponse | null;\n loading: boolean;\n error: string | null;\n}\n\nfunction App() {\n const [state, setState] = useState({\n term: \"\",\n response: null,\n loading: false,\n error: null\n });\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!state.term.trim()) {\n setState(prev => ({ ...prev, error: \"Please enter a biostatistics term\" }));\n return;\n }\n\n setState(prev => ({ ...prev, loading: true, error: null, response: null }));\n\n try {\n const response = await fetch(\"/api/explain\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ term: state.term.trim() })\n });\n\n const data = await response.json();\n\n if (!response.ok) {\n const errorData = data as ErrorResponse;\n throw new Error(errorData.message || \"Failed to get explanation\");\n }\n\n setState(prev => ({ \n ...prev, \n response: data as ConceptResponse, \n loading: false \n }));\n } catch (error) {\n setState(prev => ({ \n ...prev, \n error: error instanceof Error ? error.message : \"An error occurred\", \n loading: false \n }));\n }\n };\n\n const handleRelatedConceptClick = (concept: string) => {\n setState(prev => ({ ...prev, term: concept }));\n // Auto-submit when clicking related concept\n setTimeout(() => {\n const form = document.querySelector('form');\n if (form) {\n form.dispatchEvent(new Event('submit', { cancelable: true, bubbles: true }));\n }\n }, 100);\n };\n\n return (\n

\n {/* Header */}\n

\n 📊 BioStat Buddy\n

\n Your AI-powered biostatistics learning companion\n

\n\n {/* Search Form */}\n \n\n {/* Error Message */}\n {state.error && (\n

\n Error: {state.error}\n

\n )}\n\n {/* Results */}\n {state.response && (\n

\n {/* Main Explanation */}\n

\n 📚 {state.response.term}\n

\n {state.response.explanation}\n

\n\n {/* Exam Tips */}\n

\n 🎯 Exam Tips\n

\n {state.response.examTips.map((tip, index) => (\n

\n {tip}\n

\n ))}\n

\n\n {/* Sample Questions */}\n

\n ❓ Practice Questions\n

\n {state.response.sampleQuestions.map((question, index) => (\n \n ))}\n

\n\n {/* Related Concepts */}\n

\n 🔗 Related Concepts\n

\n {state.response.relatedConcepts.map((concept, index) => (\n handleRelatedConceptClick(concept)}\n className=\"related-concept text-gray-800 px-4 py-2 font-medium cursor-pointer\"\n >\n {concept}\n \n ))}\n

\n )}\n\n {/* Footer */}\n

💡 Tip: Try terms like \"Type I error\", \"sampling distribution\", or \"ANOVA\"

\n );\n}\n\nfunction QuestionCard({ question, index }: { question: SampleQuestion; index: number }) {\n const [showAnswer, setShowAnswer] = useState(false);\n\n return (\n

\n Q{index + 1}: {question.question}\n

\n \n {question.options && (\n

\n {question.options.map((option, optIndex) => (\n

\n {option}\n

\n ))}\n

\n )}\n \n setShowAnswer(!showAnswer)}\n className=\"bg-white bg-opacity-20 hover:bg-opacity-30 px-3 py-1 rounded text-sm font-medium transition-colors\"\n >\n {showAnswer ? \"Hide Answer\" : \"Show Answer\"}\n \n \n {showAnswer && (\n

Answer:

{question.answer}

\n Explanation: {question.explanation}\n

\n )}\n

\n );\n}\n\n// Mount the app\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[99,196],{"_104":203,"_95":204,"_153":205,"_155":181,"_156":138,"_157":206,"_159":160,"_106":207,"_100":32,"_162":190,"_164":208,"_165":22,"_166":-5,"_167":209,"_98":210},"3d256f48-3f8c-11f0-a9f9-76b3cceeab13","style.css","3d256ffc-3f8c-11f0-a9f9-76b3cceeab13",5,["D",1748853200226],"/* Custom styles for BioStat Buddy */\n\n.concept-card {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n border-radius: 16px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n}\n\n.exam-tip {\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n border-radius: 12px;\n transition: transform 0.2s ease;\n}\n\n.exam-tip:hover {\n transform: translateY(-2px);\n}\n\n.question-card {\n background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\n border-radius: 12px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n}\n\n.related-concept {\n background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);\n border-radius: 20px;\n transition: all 0.2s ease;\n}\n\n.related-concept:hover {\n transform: scale(1.05);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.loading-spinner {\n border: 3px solid #f3f3f3;\n border-top: 3px solid #667eea;\n border-radius: 50%;\n width: 24px;\n height: 24px;\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.fade-in {\n animation: fadeIn 0.5s ease-in;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n/* Smooth scrolling */\nhtml {\n scroll-behavior: smooth;\n}",[],[99,204],[99],{"_104":213,"_95":214,"_153":215,"_155":-5,"_156":138,"_157":216,"_159":160,"_106":217,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":218,"_98":227},"277b1c92-3f8c-11f0-a950-76b3cceeab13","shared","4f5bf0ef-33fa-46d9-98af-c3dc631f4461",2,["D",1748853163875],[219],{"_104":220,"_95":221,"_153":222,"_155":215,"_156":138,"_157":216,"_159":160,"_106":223,"_100":32,"_162":174,"_164":224,"_165":22,"_166":-5,"_167":225,"_98":226},"277aee8e-3f8c-11f0-a950-76b3cceeab13","types.ts","277af064-3f8c-11f0-a950-76b3cceeab13",["D",1748853163875],"// Shared types for BioStat Buddy\n\nexport interface ConceptRequest {\n term: string;\n}\n\nexport interface ConceptResponse {\n term: string;\n explanation: string;\n examTips: string[];\n sampleQuestions: SampleQuestion[];\n relatedConcepts: string[];\n}\n\nexport interface SampleQuestion {\n question: string;\n options?: string[];\n answer: string;\n explanation: string;\n}\n\nexport interface ErrorResponse {\n error: string;\n message: string;\n}",[],[214,221],[214],{"_104":229,"_95":230,"_153":231,"_155":-5,"_156":138,"_157":232,"_159":22,"_106":233,"_100":32,"_162":190,"_164":234,"_165":22,"_166":-5,"_167":235,"_98":236},"24aa16bc-3f8c-11f0-b088-76b3cceeab13","README.md","24aa178e-3f8c-11f0-b088-76b3cceeab13",1,["D",1748853159150],"# BioStat Buddy\n\nAn AI-powered biostatistics learning tool that helps students understand complex concepts through simplified explanations, exam tips, and practice questions.\n\n## Features\n\n- **Concept Explanations**: Get clear, simplified explanations of biostatistics terms\n- **Exam Tips**: Receive targeted study advice and key points to remember\n- **Sample Questions**: Practice with relevant questions to test understanding\n- **Interactive Interface**: Clean, student-friendly design for easy learning\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main API server with OpenAI integration\n├── frontend/\n│ ├── index.html # Main application interface\n│ ├── index.tsx # React frontend logic\n│ └── style.css # Custom styling\n├── shared/\n│ └── types.ts # Shared TypeScript interfaces\n└── README.md\n```\n\n## Usage\n\n1. Enter any biostatistics term or concept\n2. Get instant AI-powered explanations\n3. Review exam tips and study strategies\n4. Practice with generated sample questions\n\n## Technology Stack\n\n- **Backend**: Hono + OpenAI API\n- **Frontend**: React + TailwindCSS\n- **AI**: GPT-4o-mini for concept explanations",[],[230],"files",[150,169,179,185,194,202,212,219,228],"counts",{"_241":32,"_242":232,"_243":32,"_244":32},"pulls","branches","forks","envVars","contents",[247,250,253],{"_104":186,"_95":187,"_153":188,"_155":181,"_156":138,"_157":182,"_159":160,"_106":248,"_100":32,"_162":190,"_164":191,"_165":22,"_166":-5,"_98":249},["D",1748853190124],[99,187],{"_104":195,"_95":196,"_153":197,"_155":181,"_156":138,"_157":101,"_159":22,"_106":251,"_100":32,"_162":174,"_164":199,"_165":22,"_166":-5,"_98":252},["D",1748853234710],[99,196],{"_104":203,"_95":204,"_153":205,"_155":181,"_156":138,"_157":206,"_159":160,"_106":254,"_100":32,"_162":190,"_164":208,"_165":22,"_166":-5,"_98":255},["D",1748853200226],[99,204],{"_104":180,"_95":99,"_153":181,"_155":-5,"_156":138,"_157":182,"_159":160,"_106":257,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":258},["D",1748853190124],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":267,"_148":272,"_237":300,"_190":301,"_245":303,"_310":-5,"_311":22,"_312":-5,"_313":-5,"_314":-5,"_315":316},{"_104":105,"_95":96,"_106":268,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":269,"_132":270,"_135":271,"_147":22},["D",1748853141051],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[273,279,291,297],{"_104":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":161,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":274,"_98":278},[275],{"_104":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":158,"_159":22,"_106":173,"_100":32,"_162":174,"_164":175,"_165":22,"_166":-5,"_167":276,"_98":277},[],[152,171],[152],{"_104":180,"_95":99,"_153":181,"_155":-5,"_156":138,"_157":182,"_159":160,"_106":183,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":280,"_98":290},[281,284,287],{"_104":186,"_95":187,"_153":188,"_155":181,"_156":138,"_157":182,"_159":160,"_106":189,"_100":32,"_162":190,"_164":191,"_165":22,"_166":-5,"_167":282,"_98":283},[],[99,187],{"_104":195,"_95":196,"_153":197,"_155":181,"_156":138,"_157":101,"_159":22,"_106":198,"_100":32,"_162":174,"_164":199,"_165":22,"_166":-5,"_167":285,"_98":286},[],[99,196],{"_104":203,"_95":204,"_153":205,"_155":181,"_156":138,"_157":206,"_159":160,"_106":207,"_100":32,"_162":190,"_164":208,"_165":22,"_166":-5,"_167":288,"_98":289},[],[99,204],[99],{"_104":213,"_95":214,"_153":215,"_155":-5,"_156":138,"_157":216,"_159":160,"_106":217,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":292,"_98":296},[293],{"_104":220,"_95":221,"_153":222,"_155":215,"_156":138,"_157":216,"_159":160,"_106":223,"_100":32,"_162":174,"_164":224,"_165":22,"_166":-5,"_167":294,"_98":295},[],[214,221],[214],{"_104":229,"_95":230,"_153":231,"_155":-5,"_156":138,"_157":232,"_159":22,"_106":233,"_100":32,"_162":190,"_164":234,"_165":22,"_166":-5,"_167":298,"_98":299},[],[230],[273,275,279,281,284,287,291,293,297],{"_104":180,"_95":99,"_153":181,"_155":-5,"_156":138,"_157":182,"_159":160,"_106":257,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":302},[99],[304,306,308],{"_104":186,"_95":187,"_153":188,"_155":181,"_156":138,"_157":182,"_159":160,"_106":248,"_100":32,"_162":190,"_164":191,"_165":22,"_166":-5,"_98":305},[99,187],{"_104":195,"_95":196,"_153":197,"_155":181,"_156":138,"_157":101,"_159":22,"_106":251,"_100":32,"_162":174,"_164":199,"_165":22,"_166":-5,"_98":307},[99,196],{"_104":203,"_95":204,"_153":205,"_155":181,"_156":138,"_157":206,"_159":160,"_106":254,"_100":32,"_162":190,"_164":208,"_165":22,"_166":-5,"_98":309},[99,204],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]