| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="UTF-8" /> |
| <title>ProjectY API Tester</title> |
| <style> |
| body { font-family: Arial, sans-serif; padding: 20px; max-width: 700px; } |
| input { width: 100%; padding: 10px; font-size: 14px; } |
| button { padding: 10px 14px; margin-top: 10px; margin-right: 8px; cursor: pointer; } |
| pre { background: #111; color: #0f0; padding: 12px; border-radius: 8px; overflow:auto; } |
| .row { margin: 12px 0; } |
| </style> |
| </head> |
| <body> |
| <h2>ProjectY Hugging Face API Tester</h2> |
|
|
| <div class="row"> |
| <div><b>API Base URL</b></div> |
| <input id="baseUrl" value="https://Yashk0618-projecty-classifier-regressor.hf.space" /> |
| <small>Leave this as-is unless your Space URL is different.</small> |
| </div> |
|
|
| <div class="row"> |
| <div><b>Features (comma-separated numbers)</b></div> |
| <input id="features" value="1,2,3,4,5" /> |
| <small>Important: the count must match what your model expects.</small> |
| </div> |
|
|
| <div class="row"> |
| <button onclick="testHealth()">Test GET /</button> |
| <button onclick="predictWastage()">POST /predict/wastage</button> |
| <button onclick="predictStockout()">POST /predict/stockout</button> |
| </div> |
|
|
| <h3>Result</h3> |
| <pre id="out">Click a button to test…</pre> |
|
|
| <script> |
| function parseFeatures() { |
| const raw = document.getElementById("features").value.trim(); |
| if (!raw) return []; |
| return raw.split(",").map(x => Number(x.trim())); |
| } |
| |
| async function testHealth() { |
| const base = document.getElementById("baseUrl").value.trim(); |
| const out = document.getElementById("out"); |
| out.textContent = "Loading..."; |
| try { |
| const res = await fetch(`${base}/`); |
| const text = await res.text(); |
| out.textContent = `Status: ${res.status}\n\n${text}`; |
| } catch (e) { |
| out.textContent = "Error:\n" + e; |
| } |
| } |
| |
| async function predictWastage() { |
| await postPredict("/predict/wastage"); |
| } |
| |
| async function predictStockout() { |
| await postPredict("/predict/stockout"); |
| } |
| |
| async function postPredict(path) { |
| const base = document.getElementById("baseUrl").value.trim(); |
| const feats = parseFeatures(); |
| const out = document.getElementById("out"); |
| out.textContent = "Loading..."; |
| try { |
| const res = await fetch(`${base}${path}`, { |
| method: "POST", |
| headers: { "Content-Type": "application/json" }, |
| body: JSON.stringify({ features: feats }) |
| }); |
| |
| const text = await res.text(); |
| out.textContent = `POST ${path}\nStatus: ${res.status}\n\n${text}`; |
| } catch (e) { |
| out.textContent = "Error:\n" + e; |
| } |
| } |
| </script> |
| </body> |
| </html> |
|
|
