Skip to content

Repository files navigation

🧊 Smart Fridge Monitoring System

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.


🚀 Features

🌐 Cloud Integration

  • Connects to ThingSpeak using:

    • Read API Key
    • Channel ID
  • Fetches real-time sensor data from cloud

🌡️ Live Monitoring

  • Field 1 → Temperature
  • Field 2 → Humidity
  • Field 3 → Door Status (Open/Close)

🧾 Inventory Management

  • Add food items inside the fridge
  • View list of stored items

⚠️ Spoilage Detection

  • 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

🛠️ Tech Stack

  • Frontend: React.js (Vite)
  • Styling: Tailwind CSS
  • Cloud: ThingSpeak API
  • Language: JavaScript (ES6+)

📡 How It Works

  1. User enters:

    • ThingSpeak Read API Key
    • Channel ID
  2. App connects to the cloud and fetches:

    • Temperature
    • Humidity
    • Door status
  3. Sensor data is displayed on the dashboard in real-time

  4. User can:

    • Add food items
    • Monitor their status
  5. System checks spoilage conditions and gives alerts


🧪 Real Hardware Testing

This project was tested using real sensors connected to ThingSpeak cloud.

⚠️ Important: To run this project properly, you must provide your own:

  • ThingSpeak Read API Key
  • Channel ID

⚙️ Installation & Setup

# 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

🌍 Usage

  1. Open the app in browser:

    http://localhost:5173/
    
  2. Enter:

    • Channel ID
    • Read API Key
  3. Click Connect

  4. View:

    • 🌡️ Temperature
    • 💧 Humidity
    • 🚪 Door Status
  5. Add fridge items and monitor spoilage alerts


📷 Example Data Mapping

ThingSpeak Field Data
Field 1 Temperature
Field 2 Humidity
Field 3 Door Status

🎯 Objective

To demonstrate how IoT + Web Technologies can be combined to build a smart home solution that improves efficiency and reduces food wastage.


💡 Future Improvements

  • Backend integration (Node.js / Firebase)
  • Real-time notifications (SMS/Email)
  • Multi-item spoilage tracking
  • Mobile app version
  • AI-based food prediction system

⚠️ Notes

  • This project uses test-based spoilage logic
  • Only one item triggers instant warning for demonstration purposes
  • Requires active ThingSpeak channel with sensor data

📜 License

This project is for educational purposes.


👨‍💻 Author

Developed as part of a Smart IoT-based system using cloud integration.

About

A modern web-based application built using React (Vite) and Tailwind CSS that simulates a smart refrigerator system. This project allows users to monitor food items, track their freshness (using temp and humidity), and manage inventory efficiently.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages