Intelligent Plant Disease Detection at Your Fingertips
Plant Health Hub is a modern web application that helps gardeners and plant enthusiasts identify and manage plant diseases using artificial intelligence. Upload a photo of your plant, and our AI-powered system instantly analyzes it to detect health issues and provide actionable recommendations.
🌐 Live Demo: https://plant-health-hub.vercel.app
- 📸 Smart Image Upload – Easily capture or upload photos of your plants directly through the app
- 🤖 AI-Powered Analysis – Advanced machine learning instantly analyzes plant health conditions
- 📊 Detailed Diagnostics – Get comprehensive reports including disease detection, severity levels, and health metrics
- 🔐 Secure Two-Factor Authentication – Protect your account with industry-standard 2FA security
- 📁 Organized Plant Profiles – Create and manage separate folders for different plants or garden sections
- 💾 Cloud-Based Storage – Access your plant history and analysis anytime, anywhere
- 📱 Responsive Design – Works seamlessly on desktop, tablet, and mobile devices
- ⚡ Fast & Reliable – Built for performance with TypeScript and optimized state management
Plant Health Hub makes plant care simple in just three steps:
Start by creating a dedicated folder for your plant or garden section. This keeps your plant profiles organized and allows you to track multiple plants over time. You can name folders by plant type, location, or any system that works for you.
When you notice something unusual about your plant, simply upload a clear photo of the affected area through the app. The intuitive upload interface lets you either take a new photo or select one from your device.
Our advanced AI model analyzes your image instantly and provides:
- ✅ Plant disease identification
- ✅ Health status assessment
- ✅ Severity evaluation
- ✅ Recommended treatment options
- ✅ Prevention tips for future care
We use Zustand for lightweight, efficient state management. Think of it as the app's memory – it keeps track of your logged-in status, the plants you've added, and your analysis history without slowing things down. Unlike heavier solutions, Zustand stays out of the way so the app remains fast and responsive.
Your account security is our priority. Plant Health Hub uses modern authentication protocols with an optional Two-Factor Authentication (2FA) system:
- How 2FA Works: After entering your password, you'll receive a unique verification code on your phone (via SMS, authenticator app, or email). Enter this code to confirm your login. This extra layer ensures that only you can access your plant data.
- Your Data is Safe: All communications are encrypted, and your personal information is never shared with third parties.
The app securely handles your plant photos with:
- File validation to ensure only images are processed
- Optimized image compression for fast uploading
- Secure cloud storage of your photo history
- HTTPS encryption for all data transfers
Our AI model processes your images using:
- Deep learning algorithms trained on thousands of plant disease cases
- Real-time processing to deliver results within seconds
- Multi-factor analysis covering leaf patterns, color, texture, and damage indicators
- Continuous learning to improve accuracy over time
Overview of your plants and recent analyses
Simple, intuitive upload experience
Detailed disease detection and recommendations
Organize and track multiple plants
Secure your account with 2FA
- Frontend Framework: React + TypeScript
- State Management: Zustand
- Styling: Tailwind CSS
- Build Tool: Vite
- AI/ML: Advanced computer vision algorithms
- Hosting: Vercel
- Authentication: Secure token-based with 2FA support
- Visit plant-health-hub.vercel.app
- Sign up with your email or existing account
- (Optional) Enable Two-Factor Authentication for added security
- Create your first plant folder
- Upload a plant photo and get instant analysis
# Clone the repository
git clone https://github.com/Shahzaibdev355/plant-health-hub.git
cd plant-health-hub
# Install dependencies
npm install
# or
bun install
# Start development server
npm run dev
# or
bun run dev
# Build for production
npm run build
# or
bun run build