Add Frontend for Sugarcane Disease Prediction Backend

[IkkiOcean]

Pull Request

Title

Frontend for Sugarcane Disease Prediction Backend

Description

This PR introduces significant changes to the frontend for the crop disease prediction feature, specifically for sugarcane. It also enhances the crop selection process and introduces dedicated engine pages for each crop. Image uploads are dynamically routed to the corresponding backend based on the selected crop.

Related Issues

closes: #157

Changes Made

• Revamped Crop Selection Page:
  • Redesigned the layout and UI to make the crop selection process more intuitive and visually appealing.
• Dedicated Engine Pages for Each Crop:
  • Each crop now has its own page with relevant disease necessities and prevention tips.
• Dynamic Image Upload:
  • Image uploads are now routed to different backends depending on the crop selected (e.g., sugarcane images are sent to the sugarcane disease prediction backend).

Checklist

• I have tested the changes locally
• Changes are backward-compatible

Screenshots (if applicable)

sugarcane_frontend.mp4

• Instead of previous AI Engine Button, these Cards will redirect users to the specific models of the crop. This will help in scaling the disease prediction models where we can add more models easily.

• These texts are dynamic and are different for each crops for better explanations!

Additional Notes

• Upcoming Enhancements:
  • The next issue will focus on creating the results page for sugarcane disease predictions.
  • The result pages for other crops will also be revamped to follow the new design structure.

---

Let me know if you need further adjustments!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
agro-tech-ai	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 9, 2024 7:53pm

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[IkkiOcean]

I gonna focus on the result page on the next issue since it will need some backend changes too, for example the description and information coming from backend aren't enough and does not provide much information to the user.
I plan to make more detailed result page.

[manikumarreddyu]

15 varieties should be there ..check it once ..as now you did for 9 varieties...check in main website you will get it

[manikumarreddyu]

Everything looks fine...add remaining also

[IkkiOcean]

15 varieties should be there ..check it once ..as now you did for 9 varieties...check in main website you will get it

yeah I will add all of them with the next one

[github-actions]

🎉 Your pull request has been successfully merged! 🎉 Thank you for your valuable contribution to our project. Your efforts are greatly appreciated. Feel free to reach out if you have any more contributions or if there's anything else we can assist you with. Keep up the fantastic work! 🚀

[IkkiOcean]

@manikumarreddyu pull request #228 is going to conflict with my work since I'm also working on the UI of same page

what should we do about it?

[manikumarreddyu]

There will be no conflicts..since I have reverted the previous PR

[manikumarreddyu]

I'm not going to merge that #228 ..so no worries

[IkkiOcean]

There will be no conflicts..since I have reverted the previous PR

what should I do about the cards, my cards are different and act as buttons to redirect to the upload page.

[IkkiOcean]

I'm not going to merge that #228 ..so no worries

okay

[manikumarreddyu]

Come to linkedin once...