Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

💡 Light Bulb Project

A simple and interactive Light Bulb Web Project built using HTML, CSS, and JavaScript. This project demonstrates how to toggle a light bulb on and off with a user‑friendly design.

🚀 Features Toggle the bulb ON and OFF

Clean and responsive UI

Simple JavaScript logic for interaction

Beginner‑friendly project for web development practice

🛠️ Technologies Used HTML5 for structure

CSS3 for styling

JavaScript for interactivity

📂 Project Structure Light-Bulb-Project/ │ ├── index.html # Main HTML file ├── style.css # Stylesheet ├── script.js # JavaScript logic └── Light bulb.mp4 # Demo video (optional)

📸 Demo Screenshot image

🎥 Live Demo Click here to view (Replace # with your GitHub Pages link if you deploy)

⚙️ How to Run Locally Clone this repository:

bash Copy Edit git clone https://github.com/YourUsername/Light-Bulb-Project.git Open index.html in your browser.

📚 Learning Outcome Practiced DOM manipulation

Learned to use JavaScript events

Understood the basics of a web UI toggle system

Project Demo/video : https://www.linkedin.com/posts/heysayanmanna_webdevelopment-frontenddevelopment-javascript-activity-7355602467067162624-f5YL?utm_source=share&utm_medium=member_desktop&rcm=ACoAAFn_J64Bpq1LvgDTxvihhSXPCLA8-GmtXpM

👨‍💻 Author: Sayan Manna
Don't forget to ⭐ the repo if you enjoy this project!

About

A simple Light Bulb project using web development concepts. Light Bulb Project – A basic web app demo. Mini project: Light Bulb functionality in web development. Interactive Light Bulb project with HTML, CSS, and JS. Light Bulb Web Project showcasing toggle feature.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages