🌱 PlantHealthPro

PlantHealthPro is an innovative agricultural web application designed to aid farmers and growers in detecting and managing crop diseases and plant health issues. Utilizing advanced machine learning and computer vision technologies, our web-based platform provides real-time plant disease diagnosis by analyzing images of affected plants or leaves. The responsive design ensures seamless access from various devices, making it convenient for users to utilize PlantHealthPro on their desktop computers, laptops, tablets, or smartphones.

💪 Frontend Development Contributions

As a frontend developer for this project, I played a key role in enhancing the user experience and extending the functionality of PlantHealthPro. My contributions include the following:

• User Interface Design: I designed and implemented the user interface to ensure a modern and intuitive experience for users.
• Image Upload: I developed the frontend components for users to upload image.
• User Authentication: I implemented the frontend authentication logic to allow users to create accounts and securely log in to the app.
• Responsiveness: I made the entire application responsive, ensuring that it looks and functions well across various screen sizes and devices, including desktops, tablets, and mobile phones.
• Additional Pages: I added some pages to the app, including a contact page to enable users to get in touch with the PlantHealthPro team easily.

🚀 Technologies Used

• Frontend: HTML, CSS, JavaScript
• Backend: Flask (Python) (Already implemented by Izhan-07)
• Database: MongoDB (for storing user info.)

⚙️ Installation

1. Clone the repository.
2. Create a virtual environment: python -m venv venv
3. Activate the virtual environment:
   • On Windows: venv\Scripts\activate
   • On macOS/Linux: source venv/bin/activate
4. Install the dependencies: pip install -r requirements.txt
5. Set up the MongoDB URL (Just put your MongoDB Url in app.py on line 41).
6. Start the Flask development server: python app.py

🌍 Usage

1. Navigate to the app URL in your web browser.
2. Create an account or log in to an existing account.
3. Upload your plant or leaf image.
4. Detect the condition of the plant.

🌊 Contributing

Contributions are welcome! If you want to contribute to this project, follow these steps:

1. Fork the repository.
2. Create a new branch for your feature (git checkout -b feature-name).
3. Commit your changes (git commit -m "Add feature xyz").
4. Push to the branch (git push origin feature-name).
5. Create a pull request.

🏄‍♂️ Demo

https://plant-health-pro.onrender.com/

Preview

Here are some screenshots of the PlantHealthPro app:

👩‍🍳 Contact

If you have any questions or suggestions regarding the frontend development of the project, feel free to reach out to me at abhijeetvinkare@gmail.com.

🔏 License

This project is licensed under the MIT License.