<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>EduBoardAPI | Bangladesh Result Lookup API</title>
<meta
name="description"
content="Rust-powered API for Bangladesh education board result lookups."
/>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<div class="ambient ambient-left"></div>
<div class="ambient ambient-right"></div>
<header class="site-header">
<a class="brand" href="/">EduBoardAPI</a>
<nav class="top-nav">
<a href="#docs">Docs</a>
<a href="#playground">Playground</a>
<a href="https://github.com/Junaid433/eduboardapi" target="_blank" rel="noreferrer">
GitHub
</a>
</nav>
</header>
<main>
<section class="hero">
<p class="eyebrow">Bangladesh Education Board Results</p>
<h1>Simple result lookup API deployed on Vercel.</h1>
<p class="subtitle">
Fast JSON responses for <code>SSC</code> and <code>HSC</code> queries through a single
<code>/fetch</code> endpoint.
</p>
<div class="cta-row">
<a class="btn btn-primary" href="#playground">Try it now</a>
<a class="btn btn-ghost" href="#docs">Read endpoint docs</a>
</div>
<div class="stats">
<div>
<span class="stat-label">Runtime</span>
<strong>Rust + Axum</strong>
</div>
<div>
<span class="stat-label">Method</span>
<strong>GET / POST</strong>
</div>
<div>
<span class="stat-label">Endpoint</span>
<strong>/fetch</strong>
</div>
</div>
</section>
<section id="docs" class="panel">
<h2>Endpoint</h2>
<p class="muted"><code>POST /fetch</code> or <code>GET /fetch</code> with query params</p>
<div class="field-grid">
<article>
<h3>exam</h3>
<p>Exam code: <code>ssc</code> or <code>hsc</code></p>
</article>
<article>
<h3>year</h3>
<p>Exam year. Example: <code>2024</code></p>
</article>
<article>
<h3>board</h3>
<p>Board code. Example: <code>dinajpur</code></p>
</article>
<article>
<h3>roll</h3>
<p>Student roll number</p>
</article>
<article>
<h3>reg</h3>
<p>Registration number. Returned from the board page when available, otherwise echoed from the request.</p>
</article>
</div>
<div class="code-block">
<div class="code-head">
<span>cURL</span>
<button id="copyCurl" class="btn-copy" type="button">Copy</button>
</div>
<pre id="curlSnippet"><code>curl -sS -X POST "https://eduboardapi.vercel.app/fetch" \
-H "Content-Type: application/json" \
-d '{
"exam": "ssc",
"year": "2024",
"board": "dinajpur",
"roll": "277795",
"reg": "2117829469"
}'</code></pre>
</div>
</section>
<section id="playground" class="panel">
<h2>Live Playground</h2>
<p class="muted">Sends a request to <code>/fetch</code> on this same deployment.</p>
<div class="playground-container">
<div class="playground-form">
<form id="fetchForm" class="form-grid">
<label>
Exam
<input name="exam" value="ssc" required />
</label>
<label>
Year
<input name="year" value="2024" required />
</label>
<label>
Board
<input name="board" value="dinajpur" required />
</label>
<label>
Roll
<input name="roll" value="277795" required />
</label>
<label>
Reg
<input name="reg" value="2117829469" required />
</label>
</form>
<button id="submitBtn" class="btn btn-primary submit-standalone" type="submit">
<span class="btn-text">Send POST /fetch</span>
<span class="btn-loading" style="display: none;">Loading...</span>
</button>
</div>
<div class="result-wrap">
<div class="result-head">
<strong>Response</strong>
<span id="statusText" class="muted">Waiting for request...</span>
</div>
<pre id="resultBox"><code>{
"tip": "Submit the form to test the API"
}</code></pre>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<p>
Built for Vercel deployment of
<a href="https://github.com/Junaid433/eduboardapi" target="_blank" rel="noreferrer">
eduboardapi
</a>
</p>
</footer>
<script src="./script.js"></script>
</body>
</html>