pazindushane / eco-tree-web-application

eco-tree is a machine learning based we application build using Angular-14 and Flask.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

eco-tree Web Application

About

eco-tree is a machine learning based web application build using Angular-14 and Flask. eco-tree is used for recommending Crop and Fertilizers based on the soil features. The application used three accuractely predciting models to make the final predictions. The link for the python notebooks containing the implementation for the models are present in the All Links section of this Readme.

An API was built using Flask and was deployed on AWS. This Flask API is used to get the recommendation made by the machine learning models in JSON format. The input data is sent as a POST request to the API to get the predicted information.

Angular-14 was used to build the frontend part of the application. MaterialUI was used for frontend part of the web application.

Deployed Web Application Link: http://ecotree-app.s3-website.ap-south-1.amazonaws.com/

Flask API End Points

  1. Crop Recommendation End Point: http://ecotreeappfive-env.eba-hphdscvg.ap-south-1.elasticbeanstalk.com/predict_crop
  2. Fertilizer Recommendation End Point: http://ecotreeappfive-env.eba-hphdscvg.ap-south-1.elasticbeanstalk.com/predict_fertilizer

About Data returned by Flask API

The data is returned in JSON format:

  1. For Crop Recommendation
{
    xgb_model_prediction: "rice",
    xgb_model_probability: 99.2%,
    rf_model_prediction: "rice",
    rf_model_probability: 99.3%,
    knn_model_prediction: "rice",
    knn_model_probability: 99.5%,
    final_prediction: "rice",
}

  1. For Fertilizer Recommendation
{
    xgb_model_prediction: "Urea",
    xgb_model_probability: 99.2%,
    rf_model_prediction: "Urea",
    rf_model_probability: 99.3%,
    svm_model_prediction: "Urea",
    svm_model_probability: 99.5%,
    final_prediction: "Urea",
}

Note: This API can be used in your Web Application or Mobile Application by just sending a POST request with the necessary input data to the above mentioned end points.

Steps to run the Angular-14 Application in local

  1. Clone this repo.
  2. Open command prompt in the source folder in frontend
  3. Install all the npm packages
npm install
  1. Start the application
npm start

The Application Runs on localhost:3000

Steps to run the Flask API in local

  1. Clone this repo
  2. Open command prompt in "Flask_API"
  3. Create a virtual environment
mkvirtualenv environment_name
  1. Install all the packages
pip install -r requirements.txt
  1. Run the app.py file
python app.py

All Links

  1. Crop Recommender Notebook Link
  2. Fertilizer Recommender Notebook Link
  3. Crop Dataset Link
  4. Fertilizer Dataset Link
  5. Deployed Web Application Link

NOTE: Please do support by upvoting the kaggle notebooks if you liked my work.

Tech Stack Used


Preview Of Web Application

Please do ⭐ this repo if you liked my work.

About

eco-tree is a machine learning based we application build using Angular-14 and Flask.

License:MIT License


Languages

Language:TypeScript 58.8%Language:HTML 20.1%Language:SCSS 12.3%Language:Python 7.3%Language:JavaScript 1.5%