https://github.com/doaaosamak/lamp-frontend

This repository contains the code for a smart lamp that I designed. The lamp can be controlled through a web interface to toggle its power state (on/off) using JavaScript. This project demonstrates the application of basic JavaScript toggling functionality to control hardware devices.
https://github.com/doaaosamak/lamp-frontend

css html js lamp

Last synced: 1 day ago
JSON representation

This repository contains the code for a smart lamp that I designed. The lamp can be controlled through a web interface to toggle its power state (on/off) using JavaScript. This project demonstrates the application of basic JavaScript toggling functionality to control hardware devices.

• Host: GitHub
• URL: https://github.com/doaaosamak/lamp-frontend
• Owner: DoaaOsamaK
• Created: 2024-05-05T06:20:35.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-05-05T07:21:43.000Z (6 months ago)
• Last Synced: 2024-05-06T07:26:35.039Z (6 months ago)
• Topics: css, html, js, lamp
• Language: CSS
• Homepage: https://doaaosamak.github.io/Lamp-Frontend/
• Size: 20.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 💡light-Frontend 

## ✅ How It Works

The lamp is connected to a basic server that listens for the toggle command from the web interface. When the toggle switch in the UI is flipped, a JavaScript function sends a command to the server, which then turns the lamp on or off accordingly.

This repository contains the code for a smart lamp that I designed. The lamp can be controlled through a web interface to toggle its power state (on/off) using JavaScript. This project demonstrates the application of basic JavaScript toggling functionality to control hardware devices.




![mobile (1)](https://github.com/DoaaOsamaK/light-Frontend/assets/147305995/acb4839b-ebd0-4fb7-88de-71bb6f573199)




## ✅ Features

- **Toggle Switch**: A simple UI toggle switch to turn the lamp on and off.

- **Responsive Design**: The web interface is responsive and can be accessed from various devices.

## ✅ Technologies Used

- **HTML**: For structuring the web interface.

- **CSS**: For styling the web interface.

- **JavaScript**: For the toggle functionality.

## ✅ Demo: https://doaaosamak.github.io/Lamp-Frontend/

## ✅ Contact

If you have any questions, feel free to reach out to me at [email protected].