Skip to content

ShravanGupta07/GDG-GreenThumb-AI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌱 GreenThumb AI - Plant Care Assistant

A comprehensive React Native mobile application powered by AI to help users identify plants, detect diseases, and get personalized plant care advice.

GreenThumb AI Expo TypeScript Supabase Gemini AI Gemini AI Studio

πŸ“± Features

🌿 Plant Identification

  • Smart Plant Search: Search through an extensive database of plants
  • Visual Plant Cards: Beautiful, detailed plant information cards
  • Care Instructions: Comprehensive care guides for each plant

πŸ” Disease Detection

  • AI-Powered Analysis: Upload plant photos for disease detection
  • Symptom Enhancement: AI-enhanced symptom descriptions
  • Treatment Recommendations: Detailed treatment and prevention advice

πŸ€– AI Chatbot Assistant

  • Gemini AI Integration: Powered by Google's Gemini AI
  • Plant Care Advice: Get instant, personalized plant care tips
  • 24/7 Support: Always available to answer your plant questions

πŸ‘€ User Management

  • Authentication: Secure user registration and login
  • Profile Management: Update personal information and preferences
  • Plant Collection: Track your personal plant collection

πŸ“Š Plant Management

  • Plant Statistics: Track your plant health and care progress
  • Category Management: Organize plants by categories
  • Wishlist: Save plants you want to add to your collection

πŸš€ Quick Start

Prerequisites

  • Node.js (v16 or higher)
  • npm or yarn
  • Expo CLI (install globally)
  • Expo Go app on your mobile device

Installation

  1. Clone the repository

    git clone https://github.com/ShravanGupta07/GDG-GreenThumb-AI.git
    cd GDG-GreenThumb-AI
  2. Install dependencies

    npm install
    # or
    yarn install
  3. Start the development server

    npx expo start
  4. Run on your device

    • Install Expo Go app on your mobile device
    • Scan the QR code displayed in the terminal
    • The app will load on your device

πŸ› οΈ Development Setup

Environment Configuration

  1. Create environment file

    cp .env.example .env
  2. Configure your environment variables

    SUPABASE_URL=your_supabase_url
    SUPABASE_ANON_KEY=your_supabase_anon_key

Database Setup

  1. Set up Supabase

    • Create a new project at supabase.com
    • Run the SQL scripts in the database/ folder
    • Update your environment variables
  2. Run database migrations

    # Execute the SQL files in your Supabase dashboard
    # or use the Supabase CLI

πŸ“± App Structure

GDG-GreenThumb-AI/
β”œβ”€β”€ app/                    # Expo Router app directory
β”‚   β”œβ”€β”€ (tabs)/            # Tab navigation screens
β”‚   β”‚   β”œβ”€β”€ index.tsx      # Home screen
β”‚   β”‚   β”œβ”€β”€ disease.tsx    # Disease detection
β”‚   β”‚   β”œβ”€β”€ identify.tsx   # Plant identification
β”‚   β”‚   └── profile/       # Profile management
β”‚   β”œβ”€β”€ auth/              # Authentication screens
β”‚   └── _layout.tsx        # Root layout
β”œβ”€β”€ components/            # Reusable components
β”‚   β”œβ”€β”€ FloatingChatbot.tsx
β”‚   β”œβ”€β”€ PlantCard.tsx
β”‚   β”œβ”€β”€ PlantDetail.tsx
β”‚   └── ...
β”œβ”€β”€ services/              # API services
β”‚   β”œβ”€β”€ authService.ts
β”‚   β”œβ”€β”€ plantService.ts
β”‚   └── supabase.ts
β”œβ”€β”€ data/                  # Static data
β”œβ”€β”€ assets/                # Images and icons
└── database/              # Database schemas

πŸ”§ Configuration

API Keys

The app uses several external services:

  • Supabase: Database and authentication
  • Gemini AI: Chatbot functionality
  • Plant.id: Disease detection

Customization

  • Theme: Modify colors in app.json and component styles
  • Data: Update plant database in data/plantsData.ts
  • Features: Add new features in the respective directories

πŸ“± Screenshots

Home Screen

  • Welcome interface with search functionality
  • Daily plant care tips and advice
  • Quick access to all features

Plant Identification

  • Search and browse plant database
  • Detailed plant information cards
  • Care instructions and tips

Disease Detection

  • Photo upload for disease analysis
  • AI-powered disease identification
  • Treatment recommendations

AI Chatbot

  • Gemini AI-powered plant care assistant
  • Real-time responses to plant questions
  • Quick reply suggestions

πŸš€ Deployment

Expo Build

  1. Build for production

    npx expo build:android
    npx expo build:ios
  2. Submit to app stores

    npx expo submit:android
    npx expo submit:ios

Web Deployment

  1. Build for web

    npx expo export:web
  2. Deploy to hosting service

    • Vercel, Netlify, or any static hosting

🀝 Contributing

  1. Fork the repository
  2. Create a feature branch
    git checkout -b feature/amazing-feature
  3. Commit your changes
    git commit -m 'Add some amazing feature'
  4. Push to the branch
    git push origin feature/amazing-feature
  5. Open a Pull Request

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

πŸ™ Acknowledgments

  • Expo for the amazing development platform
  • Supabase for backend services
  • Google Gemini AI for intelligent chatbot
  • Plant.id for disease detection API
  • React Native community for excellent documentation

πŸ“ž Support


Made with ❀️ by the GreenThumb AI Team

🌱 Helping you grow better plants with AI 🌱

About

GreenThumb AI is a comprehensive React Native mobile application powered by AI, designed to help users identify plants, detect diseases, and receive personalized plant care advice. The app combines advanced AI technologies with a user-friendly interface to make plant management accessible and effective for everyone.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Contributors