🔗 Live Demo: smart-home-ankit-kumar.netlify.app
The Smart Home System is a modern web application built using React and Firebase Firestore, designed to help users control and monitor their home devices in real time.
It allows users to easily manage appliances like TV, AC, Fan, and Lights from a single, responsive dashboard. The system ensures smooth performance, secure access, and real-time updates — making home automation simple and efficient.
- Frontend: React.js
- Backend & Database: Firebase Firestore
- Authentication: Firebase Authentication
- Hosting: Netlify
✅ Real-time device control (ON/OFF, toggle actions) ✅ Live sync with Firebase Firestore ✅ Secure login/signup using Firebase Auth ✅ Clean, responsive UI built with React ✅ Real-time status updates for all devices
🔹 Electricity Usage Reports – View detailed device power usage reports. 🔹 Smart Device Grouping – Organize devices by rooms or categories. 🔹 Mock Device Controls – Simulate ON/OFF, brightness, and speed adjustments.
- Integration with real IoT devices for live control
- Add voice command support (Google Assistant / Alexa)
- Visual electricity usage insights via charts
- Node.js (v16 or higher)
- Firebase account
- npm or yarn installed
# Clone the repository
git clone https://github.com/Ankitk0101/smart-home-system
cd smart-home-system
# Install dependencies
npm install
# Add your Firebase configuration in .env file
cp .env.example .env
# Start the app
npm startThe application will run at: 👉 http://localhost:3000
smart-home-system/
├─ public/
├─ src/
│ ├─ components/ # UI components
│ ├─ context/ # Global state management
│ ├─ firebase/ # Firebase setup
│ ├─ pages/ # Dashboard & Auth pages
│ ├─ App.js
│ └─ index.js
├─ .env.example
└─ package.json
⭐ If you find this project helpful, consider giving it a star on GitHub!