A comprehensive home automation web application designed for remote monitoring and control of smart home devices. OneTouchWeb provides a unified interface for managing lighting, security, and various home appliances through a responsive web portal and integrated mobile support.
- Device Control: Remotely toggle switches, dim lights, and manage appliances from any web browser.
- User Management: Secure account creation, multi-user support, and administrative approval workflows.
- Real-time Monitoring: Integrated WebServices and APIs for live status updates from smart devices.
- Responsive UI: Built with HTML, SCSS, and JavaScript (jQuery) to provide a seamless experience on both desktop and mobile.
- Integrated Push Notifications: Support for sending real-time alerts and notifications to connected users.
graph TD
A[Web Interface / HTML+SCSS] --> B[PHP Backend API]
B --> C[MySQL Database]
B --> D[Smart Devices / ESP32/ESP8266]
E[Mobile App / Android] --> B
B --> F[Push Notification Service]
System Flow:
[ User Action ] ──> [ Web/Mobile UI ] ──> [ PHP API ]
│
┌───────┴───────┐
│ │
[ Database (SQL) ] [ Smart Controller ]
│ │
[ Device Status Update ] <───────────┴───────────────┘
- Frontend: HTML5, CSS3 (SCSS), JavaScript (jQuery), Bootstrap 4
- Backend: PHP 7+ (Modular class structure)
- Database: MySQL
- Integration: WebServices for IoT device communication, PHPMailer for notifications
- IoT Support: Python scripts for specific automation tasks
- Web Server (Apache/Nginx) with PHP 7+ support
- MySQL Database Server
- PHP Extensions:
mysqli,openssl,curl
- Clone the repository to your web server's root directory:
git clone https://github.com/pavandongare/OneTouchWeb.git
- Import the database schema:
- Import
HomeAutomation/Automation.sqlorwebsite.sqlinto your MySQL server.
- Import
- Configure the database connection:
- Edit
HomeAutomation/includes/config.phpwith your database host, username, password, and database name.
- Edit
- Navigate to
index.html(ormain.htmlafter login) in your browser. - For API testing, refer to the files in the
HomeAutomation/apiandHomeAutomation/WebServicedirectories. - A user manual is available in
resources/usermanual.pdffor detailed operational guidance.
Built with ❤️ by Pavan Dongare