Inspiration
Exploring
What it does
An Agritech Project developed for farmers
How we built it
Using Flutter and ML
Challenges we ran into
Accomplishments that we're proud of
What we learned
What's next for ViGrow
API https://cyberthron-2k26.onrender.com/api/predict/
Way to Use: <!DOCTYPE html> ViGrow – Crop Prediction
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
background-color: #e6ffed;
}
.container {
max-width: 600px;
margin: 50px auto;
background: #fafff8;
padding: 30px;
border-radius: 15px;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}
h1 {
text-align: center;
}
input, select, button {
width: 100%;
padding: 12px;
margin-bottom: 15px;
border-radius: 8px;
border: 1px solid #ccc;
font-size: 16px;
}
button {
background: #7AFF7A;
color: #fff;
font-size: 18px;
font-weight: bold;
cursor: pointer;
border: none;
}
button:hover {
opacity: 0.9;
}
</style>
Crop Prediction
Select Season Kharif Rabi Predict Crop function predictCrop() { const payload = { "Season": document.getElementById("season").value, "N (kg/ha)": document.getElementById("n").value, "P (kg/ha)": document.getElementById("p").value, "K (kg/ha)": document.getElementById("k").value, "Soil pH": document.getElementById("ph").value, "Moisture (%)": document.getElementById("moisture").value, "Temperature (°C)": document.getElementById("temp").value, "Humidity (%)": document.getElementById("humidity").value, "Rainfall at sowing (mm)": document.getElementById("rainfall").value }; fetch("https://cyberthron-2k26.onrender.com/api/predict/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }) .then(res => res.json()) .then(data => { if (data.recommended_crop) { alert("🌱 Recommended Crop: " + data.recommended_crop); } else { alert("❌ Error: " + JSON.stringify(data)); } }) .catch(() => { alert("❌ Cannot connect to API"); }); }
Built With
- flutter
- jupyter
- ml
- render