📡 IoT Dashboard

This project is a full-stack IoT dashboard that visualizes sensor data:

• 🌡️ Temperature & Humidity
• 🚪 Door status (locked/unlocked)
• 💡 Light status (on/off)

---

📸 Preview

---

🚀 Tech Stack

• Frontend: React (Vite) + Tailwind CSS
• Backend: Node.js (Express)
• Database: PostgreSQL (Aiven Cloud)
• Communication: Axios (HTTP requests, JSON response)

---

⚙️ Features

• 🔐 Login page (demo: admin / 1234)
• 📊 Dashboard with responsive sensor cards
• 🌗 Modern UI with Tailwind CSS
• 🔁 Real-time data fetch from PostgreSQL
• 📱 Fully responsive (mobile & desktop)

---

📂 Project Structure

iot-dashboard/
├─ backend/             # Node.js + Express + PostgreSQL
│  ├─ config/           # db.js (DB connection via Pool)
│  ├─ controllers/      # Business logic (temperature, door, light)
│  ├─ routes/           # API routes
│  ├─ server.js         # Express server bootstrap
│  └─ .env.example      # Example environment config
├─ frontend/            # React + TailwindCSS
│  ├─ public/           # logo.svg
│  ├─ src/              # components, App.jsx, main.jsx, index.css
│  └─ tailwind.config.js, vite.config.js, postcss.config.js
└─ docs/                # Documentation, diagrams, slides, report

---

🛠️ Installation & Run

1) Backend

cd backend
npm install
node server.js

2) Frontend

cd frontend
npm install
npm run dev

---

🌐 Live Demo

👉 Click here to view the live demo

---

🔑 Demo Login

• ID: admin
• PW: 1234

---

📘 Documentation

• Korean Documentation (README_ko.md)
• docs/ko/CONFIGURATION_ko.md — Configuration guide
• docs/ko/MODULES_ko.md — Modules & architecture
• docs/ko/API_SPEC_ko.md — API specification
• docs/ko/IoT_Dashboard_Presentation_ko.pptx — Presentation slides
• docs/ko/IoT_Dashboard_Documentationz_ko.pdf — Report (PDF)

---

📊 Diagrams

• Architecture: docs/architecture_diagram.png
• API Flow: docs/api_flow.png

---

📜 License

MIT License — feel free to use this project for learning and development.