MohdSaif-1807 / Agri-Assist-Project

"Agri-Assist Project: MERN stack and Flask-powered agricultural app. Modules include plant disease prediction, crop selection, and e-commerce for farmers. React frontend, MongoDB backend, AWS S3 for image storage, Now GCP has been introduced for image storage"

Home Page:https://agri-assist.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Agri-Assist-Project

Welcome to Agri-Assist Project, an innovative agricultural application designed to tackle key challenges in farming using cutting-edge technology. This project, developed with the MERN (MongoDB, Express.js, React, Node.js) stack and integrated with a Flask API, encompasses two distinct modules. These modules cater to crop-related issues and enable yield marketing through an intuitive e-commerce platform.

Features

Crop-related Issues Module

  • Plant Disease Prediction: Employing advanced algorithms to predict and identify plant diseases for proactive management.
  • Crop Selection: Utilizes detailed soil and climate information to recommend suitable crops for cultivation.

Yield Marketing Module

  • E-commerce Platform: Empowering farmers to seamlessly post and sell their crops, creating a dynamic virtual marketplace.
  • User Roles: Designed for farmers and common people for purchasing.

Technologies Used

  • Frontend: Developed with React, utilizing CSS frameworks such as MUI and react-bootstrap.
  • Middleware: Leveraging Express.js for efficient communication between frontend and backend.
  • Backend: Powered by Node.js for orchestrating complex operations.
  • API: Flask, providing additional functionality and seamless integration.
  • Database: MongoDB stores user credentials, while AWS S3 bucket is used for image storage,Now Google Cloud Platform has been introduced to store images through google-drive API

Installation

  1. Clone the repository: git clone https://github.com/MohdSaif-1807/agri-assist-project.git
  2. Navigate to the project directory: cd agri-assist-project
  3. Install dependencies: npm install (for both frontend and backend)
  4. Navigate to the project directory: cd agri-assist-project/flask-backend
  5. Install dependencies: pip install -r requirements.txt

Usage

  1. Start the backend server: npm run start:backend
  2. Start the frontend development server: npm run start:frontend
  3. Stare the flask-backend server:python app.py

Project Execution Screenshots

Farmer Section

Home Page

Screenshot (1894)

Sign Up Page

Screenshot (1893)

Login Page

Screenshot (1895)

Farmer Feature Section

Screenshot (1897)

Crop Related Issues Section

Screenshot (1898)

Plant Disease Prediction

Screenshot (1899)

Plant Disease Prediction Input

Screenshot (1900)

Plant Disease Prediction Output-1

Screenshot (1901)

Plant Disease Prediction Output-2

Screenshot (1902)

Crop Prediction Section

Screenshot (1903)

Crop Prediction Section Input

Screenshot (1904)

Crop Prediction Output

Screenshot (1905)

Farmer's Yeild Marketing Section-1

Screenshot (1906)

Farmer's Yeild Marketing Section-2

Screenshot (1907)

Posting New Item-1

Screenshot (1908)

Posted Item Acknowledgement

Screenshot (1909)

New Item Posted Successfully

Screenshot (1910)

Deleting Item

Screenshot (1911)

Item Deleted Successfully

Screenshot (1912)

Normal User Section

User's Feature Section

Screenshot (1915)

User's Yeild Marketing Section

Screenshot (1916)

Adding an item to cart

Screenshot (1917)

Acknowledgement for addition of an item

Screenshot (1918)

Contact Us Section

Screenshot (1913)

Contact Us Form Sended Acknowledgement

Screenshot (1918)

Mail response

Screenshot (1919)

About

"Agri-Assist Project: MERN stack and Flask-powered agricultural app. Modules include plant disease prediction, crop selection, and e-commerce for farmers. React frontend, MongoDB backend, AWS S3 for image storage, Now GCP has been introduced for image storage"

https://agri-assist.netlify.app/


Languages

Language:JavaScript 76.8%Language:Python 21.5%Language:HTML 1.2%Language:CSS 0.5%