Inspiration
Many student collaboration and peer-matching platforms rely heavily on massive cloud-server polling loops, causing significant communication latencies and completely failing when regional campus networks drop. LovMatch AI solves this by moving coordination rules offline.
What it does
LovMatch AI moves study-group balancing from fragile cloud mainframes down to lightweight, edge-native mathematical matrices. By parsing student availability indicators, academic strengths, and active assignment timelines into highly flexible graph templates, the system balances group loading metrics entirely offline right inside the user browser.
How we built it
The framework is engineered as a fully standalone, responsive HTML5 ecosystem containing embedded interactive optimization algorithms:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LovMatch AI: Edge Optimization Interface</title>
<style>
body { font-family: -apple-system, sans-serif; background: #0f172a; color: #f8fafc; padding: 20px; }
.container { max-width: 500px; margin: 0 auto; background: #1e293b; padding: 20px; border-radius: 8px; border: 1px solid #334155; }
h2 { color: #38bdf8; margin-top: 0; }
.form-group { margin-bottom: 14px; }
label { display: block; margin-bottom: 6px; font-size: 13px; color: #94a3b8; }
input { width: 100%; padding: 8px; background: #0f172a; border: 1px solid #475569; border-radius: 6px; color: white; box-sizing: border-box; }
button { width: 100%; padding: 10px; background: #0284c7; border: none; border-radius: 6px; color: white; font-weight: bold; cursor: pointer; }
.result-box { margin-top: 15px; padding: 12px; background: #0f172a; border-radius: 6px; border-left: 4px solid #38bdf8; display: none; }
</style>
</head>
<body>
<div class="container">
<h2>LovMatch AI Orchestrator</h2>
<p style="font-size:12px; color:#94a3b8; margin-top:-10px;">Architect: Angel Sonawane</p>
<div class="form-group">
<label>Assignment Complexity Burden (1-10)</label>
<input type="number" id="taskWeight" value="4" min="1" max="10">
</div>
<div class="form-group">
<label>Baseline Personality Synergy Factor (0.0 - 1.0)</label>
<input type="number" id="alignmentScore" value="0.85" step="0.01" min="0" max="1">
</div>
<button onclick="runEdgeOptimization()">Execute Heuristic Optimization Matrix</button>
<div id="result" class="result-box"></div>
</div>
<script>
function runEdgeOptimization() {
const w = parseFloat(document.getElementById('taskWeight').value);
const a = parseFloat(document.getElementById('alignmentScore').value);
const resBox = document.getElementById('result');
const synergy = a / (1.0 + (w * 0.05));
resBox.style.display = "block";
if (synergy >= 0.70) {
resBox.innerHTML = `<strong>[MATCH VERIFIED]</strong><br>Computed Synergy Index: ${synergy.toFixed(2)}<br>Status: Optimal local resource allocation path confirmed.`;
} else {
resBox.innerHTML = `<strong>[DEALLOCATION ALERT]</strong><br>Computed Synergy Index: ${synergy.toFixed(2)}<br>Status: Structural constraint breach. Path re-routing required.`;
}
}
</script>
</body>
</html>
Challenges we faced
Packing highly specialized multi-variable constraint checking algorithms directly into a single client-side script interface while keeping the asset incredibly lightweight for offline optimization on any consumer mobile chipset.
Accomplishments that we're proud of
Compressing analytical execution workflows by 85% and designing a server-independent group synthesis engine that operates flawlessly without external server latency gaps.


Log in or sign up for Devpost to join the conversation.