🌱 A next-generation precision farming platform powered by Google Gemini AI, built for the Intelligent Planet Hackathon 2025.

• 🤖 AI-Powered Insights: Real-time agricultural advice using Google Gemini API
• 📊 Visual Dashboard: Beautiful data visualizations with Kendo UI React charts
• 🗺️ Field Mapping: Interactive field visualization with Google Maps integration
• 📱 Mobile-First: Fully responsive design optimized for mobile and tablet
• 🌍 Bilingual: English and Arabic language support with RTL layout
• ⚡ Real-time Monitoring: Live sensor data from soil, temperature, humidity, pH, NPK, light, and rainfall
• 🌙 Dark Mode: Complete dark theme support with system preference detection
• 🔐 Authentication: Secure login/signup with demo mode for testing
• ⚙️ Settings Management: Comprehensive user preferences and notification settings
• 📈 Analytics: ROI tracking, water usage comparison, and yield progression charts

• Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS
• UI Libraries: HeroUI (NextUI), Kendo UI React, Framer Motion
• State Management: Zustand
• AI: Google Gemini API
• Maps: Google Maps JavaScript API
• Authentication: Firebase Auth
• Deployment: Vercel

• Node.js 18+ and npm
• Google Gemini API key
• Google Maps API key
• Firebase project

1. Clone the repository:

git clone https://github.com/devgunnu/agrimid.git
cd agrimind

2. Install dependencies:

npm install

3. Create .env.local from .env.example:

cp .env.example .env.local

4. Add your API keys to .env.local:

NEXT_PUBLIC_GOOGLE_MAPS_API_KEY=your_google_maps_key
GEMINI_API_KEY=your_gemini_api_key
NEXT_PUBLIC_FIREBASE_API_KEY=your_firebase_key
...

5. Run the development server:

npm run dev

6. Open http://localhost:3000 in your browser.

agrimind/
├── src/
│   ├── app/               # Next.js pages and routes
│   ├── components/        # React components
│   ├── lib/              # Utility functions and integrations
│   ├── store/            # Zustand state management
│   ├── hooks/            # Custom React hooks
│   └── types/            # TypeScript type definitions
├── public/               # Static assets
└── ...config files

• Project foundation and setup
• Type definitions
• State management with Zustand
• Mock data generators
• Landing page with animations
• Dashboard UI with stats and alerts
• Field map visualization with Google Maps
• Sensor monitoring with detail views
• Gemini AI chat interface
• Analytics dashboard with charts
• Settings page with profile management
• Login/Signup pages
• Monitors list page with filtering
• Forgot password flow
• Dark mode implementation
• Arabic language support with RTL
• Error handling (404, error boundary)
• Loading states

This application uses mock data for demonstration purposes. Real sensor integration would require:

• ESP32/Arduino devices with sensors
• MQTT or WebSocket connection
• Cloud database (Firestore/PostgreSQL)

This is a hackathon project. Contributions are welcome!

MIT

For questions or feedback, please reach out to the development team.

Built with ❤️ for Intelligent Planet Hackathon 2025