A modern MERN stack application for precision farming, featuring real-time sensor monitoring, automated irrigation control, and weather integration.
SmartFarm is a comprehensive farm management platform that enables farmers to monitor soil conditions, manage multiple fields, track sensor readings in real-time, and make data-driven decisions for optimal crop yields.
- Multi-Field Management: Monitor and manage multiple farm fields from a single dashboard
- Real-Time Sensor Monitoring: Track soil moisture, temperature, pH levels, and more
- Automated Irrigation Control: Smart irrigation system based on soil moisture thresholds
- Weather Integration: Live weather data for informed decision-making
- Interactive Data Visualization: Charts and graphs powered by Recharts
- Geospatial Mapping: Location-based field visualization using Leaflet maps
- Alert System: Automated alerts for critical sensor readings
- Modern UI/UX: Clean, responsive design with custom theme system
- Secure Authentication: JWT-based login and registration
- Real-Time Updates: Live sensor data with automatic refresh
- Mobile Responsive: Works seamlessly across devices
- Node.js & Express: RESTful API server
- MongoDB Atlas: Cloud database for scalable data storage
- Mongoose: ODM for MongoDB
- JWT: Secure authentication
- Node-Cron: Automated task scheduling
- OpenWeatherMap API: Weather data integration
- React 19: Modern UI framework
- Vite: Fast build tool and dev server
- React Router: Client-side routing
- Axios: HTTP client
- Recharts: Data visualization
- Leaflet: Interactive maps
- CSS Variables: Custom theme system
SmartFarm/
├── backend/
│ ├── config/
│ │ └── db.js # MongoDB Atlas connection
│ ├── models/
│ │ ├── User.js # User schema
│ │ ├── Field.js # Field/Farm schema
│ │ ├── Sensor.js # Sensor schema
│ │ ├── Reading.js # Sensor reading schema
│ │ └── Alert.js # Alert schema
│ ├── routes/
│ │ ├── authRoutes.js # Authentication endpoints
│ │ ├── fieldRoutes.js # Field management
│ │ ├── sensorRoutes.js # Sensor operations
│ │ ├── readingRoutes.js # Sensor data retrieval
│ │ ├── alertRoutes.js # Alert management
│ │ └── weatherRoutes.js # Weather API integration
│ ├── utils/
│ │ ├── cronJobs.js # Automated irrigation logic
│ │ └── sensorSimulator.js # Development data simulation
│ ├── seedDatabase.js # Database seeding script
│ ├── server.js # Express server entry point
│ └── package.json
│
├── frontend/
│ ├── src/
│ │ ├── api/
│ │ │ └── axios.js # Axios configuration
│ │ ├── components/
│ │ │ ├── Navbar.jsx # Navigation component
│ │ │ ├── AlertBanner.jsx # Alert notifications
│ │ │ ├── SensorChart.jsx # Data visualization
│ │ │ ├── SensorMap.jsx # Leaflet map component
│ │ │ └── WeatherCard.jsx # Weather display
│ │ ├── pages/
│ │ │ ├── Home.jsx # Landing page
│ │ │ ├── Login.jsx # Login page
│ │ │ ├── Signup.jsx # Registration page
│ │ │ ├── Dashboard.jsx # Main dashboard
│ │ │ └── FieldDetails.jsx # Field detail view
│ │ ├── themes/
│ │ │ └── theme.css # Custom theme variables
│ │ ├── App.jsx # Main app component
│ │ └── main.jsx # React entry point
│ ├── package.json
│ └── vite.config.js
│
├── start.sh # Startup script
├── stop.sh # Cleanup script
└── package.json # Root package configuration
- Node.js (v14 or higher)
- npm or yarn
- MongoDB Atlas account (or local MongoDB)
- Clone the repository
git clone <repository-url>
cd SmartFarm- Install dependencies
npm installThis will install dependencies for both backend and frontend.
- Configure environment variables
Create a .env file in the backend/ directory:
PORT=5001
MONGO_URI=your_mongodb_atlas_connection_string
JWT_SECRET=your_jwt_secret_key
WEATHER_API_KEY=your_openweathermap_api_key- Seed the database (Optional)
cd backend
node seedDatabase.js
cd ..This creates sample farms, sensors, and initial data.
- Start the application
npm startThis runs both backend (port 5001) and frontend (port 5173) concurrently.
- Email: admin@smartfarm.com
- Password: admin123
- Email, password (hashed), name, role
- JWT authentication
- Farm ID, name, location, area
- Moisture thresholds for irrigation
- Sensor associations
- Type (moisture, temperature, pH, etc.)
- Field assignment
- Status and calibration data
- Sensor ID, timestamp, value, unit
- Historical data tracking
- Sensor triggers, severity levels
- Automatic notifications
POST /api/auth/register- User registrationPOST /api/auth/login- User login
GET /api/fields- Get all fieldsPOST /api/fields- Create new fieldGET /api/fields/:id- Get field detailsPUT /api/fields/:id- Update fieldDELETE /api/fields/:id- Delete field
GET /api/sensors- Get all sensorsPOST /api/sensors- Create sensorGET /api/sensors/field/:fieldId- Get field sensors
GET /api/readings/sensor/:sensorId- Get sensor readingsPOST /api/readings- Add new reading
GET /api/weather/:location- Get weather data
The application uses CSS variables for consistent theming:
--primary-green: #2d5016
--accent-green: #4a7c2c
--bg-white: #ffffff
--text-dark: #2c3e50All colors, spacing, shadows, and transitions are centralized in /frontend/src/themes/theme.css.
- Monitors soil moisture every minute
- Triggers irrigation when below threshold
- Automatic system deactivation at safe levels
- Generates realistic sensor data during development
- Simulates moisture, temperature, and pH variations
The application features:
- Responsive landing page with hero section
- Interactive dashboard with farm cards
- Detailed field view with sensor charts
- Real-time alerts and notifications
- Weather integration panel
Backend:
cd backend
npm run devFrontend:
cd frontend
npm run devcd frontend
npm run buildThis is an educational project. Feel free to fork and enhance!
This project is created for educational purposes.
Developed as a college project demonstrating full-stack MERN development skills.
- OpenWeatherMap for weather API
- MongoDB Atlas for cloud database
- React and Vite communities
- Leaflet for mapping capabilities
Note: This application demonstrates modern web development practices including RESTful API design, responsive UI, real-time data handling, and cloud database integration.