I made 1 login page, 2 pages to control the lights and 1 page to see what lights are on or off.

You can connect to the site with the following apipa: 169.254.1.1:8080

The first picture shows the login page, this is necessary so not everyone is able to turn your lights on and off. I used the user 'webuser' with the password 'lightz'. But if you click on register you can make new users if you have the register code that is displayed on the prototype (you can change this in the code to whatever you like).

The second picture shows the overview, the red dots mean the light is turned off. If a light is turned on you will see a green dot.

The third picture shows the page to control each light individually, you can put a light on or off or you can turn all lights on or off, this feature is good if you are leaving the house and you only have to press one button to turn off all lights.

The fourth picture shows the page to setup some timers or periods to turn lights on. The first option allows you to select a light and give it a time to turn on the light and a time to turn it off again without you doing anything. The second option allows you to turn on a light a given time and turn off when that time is over.

All the code for this project can be found on my Github.