A modern Smart Fridge Web Application built using React (Vite) and Tailwind CSS, integrated with cloud data from ThingSpeak.
This system allows users to monitor real-time fridge conditions like temperature, humidity, and door status, while also managing food items and detecting spoilage.
-
Connects to ThingSpeak using:
- Read API Key
- Channel ID
-
Fetches real-time sensor data from cloud
- Field 1 → Temperature
- Field 2 → Humidity
- Field 3 → Door Status (Open/Close)
- Add food items inside the fridge
- View list of stored items
- Detects food spoilage based on general predefined data
- Shows warning alerts for expiring/spoiled items
- ⚡ Optimized for testing: detects warning for a single item within seconds
- Frontend: React.js (Vite)
- Styling: Tailwind CSS
- Cloud: ThingSpeak API
- Language: JavaScript (ES6+)
-
User enters:
- ThingSpeak Read API Key
- Channel ID
-
App connects to the cloud and fetches:
- Temperature
- Humidity
- Door status
-
Sensor data is displayed on the dashboard in real-time
-
User can:
- Add food items
- Monitor their status
-
System checks spoilage conditions and gives alerts
This project was tested using real sensors connected to ThingSpeak cloud.
- ThingSpeak Read API Key
- Channel ID
# Clone the repository
git clone https://github.com/your-username/smart-fridge.git
# Navigate into project
cd smart-fridge
# Install dependencies
npm install
# Run development server
npm run dev-
Open the app in browser:
http://localhost:5173/ -
Enter:
- Channel ID
- Read API Key
-
Click Connect
-
View:
- 🌡️ Temperature
- 💧 Humidity
- 🚪 Door Status
-
Add fridge items and monitor spoilage alerts
| ThingSpeak Field | Data |
|---|---|
| Field 1 | Temperature |
| Field 2 | Humidity |
| Field 3 | Door Status |
To demonstrate how IoT + Web Technologies can be combined to build a smart home solution that improves efficiency and reduces food wastage.
- Backend integration (Node.js / Firebase)
- Real-time notifications (SMS/Email)
- Multi-item spoilage tracking
- Mobile app version
- AI-based food prediction system
- This project uses test-based spoilage logic
- Only one item triggers instant warning for demonstration purposes
- Requires active ThingSpeak channel with sensor data
This project is for educational purposes.
Developed as part of a Smart IoT-based system using cloud integration.