This is a submission for the KendoReact Free Components Challenge.

Image description

What i built
I created a dashboard for farmers to diagnose their crop diseases using AI, plan actions, follow up, get AI insight and other statistics( Market trend and Disease Prevalence) as bonus

Demo
Diagnosis page
This is the most important page. It does the actual processing of the image to generate disease and AI insight.
Image description

Market
A collapsible markets showing the user market trends and below it an insight from AI.

Image description

Disease prevalence
Show the farmer a history of diseases. (I stored these on local storage so may fail after clearing cache, the prompts too got finished too soon)

Image description
Action
In this area, the user can add and remove his actions. Helps the user plan work and follow up.

Image description

Auxiliary Sections
These tabs are for further insight.

https://github.com/jackcodes64/disease-detection

KendoReact Experience
I used these kendoReact components on my job.

  1. button
  2. grid
  3. label
  4. dropdown
  5. progressBar
  6. dateInputs
  7. popUps
  8. theme
  9. card
  10. input
  11. form

AIm to Impress
I used OpenAI for the analysis and response.