Entrance Door Entryphone Interface
This interface in HTML was the main reason why I approached the world of HTML development. My boyfriend and his brother developed on a Raspberry the back end of an entryphone. They asked me to develop a front end for the entrance door enabling the visitor to ring the bell.
Currently at the entrance of the house the interface I developed is showed on a tablet and at the on-click event a ring bell request is sent to the back end. The background image was taken by me in a popular lake near their house and I inserted the cowbell to give a visual feedback to the guest when the bell is ringing.
This interface in HTML was the main reason why I approached the world of HTML development. My boyfriend and his brother developed on a Raspberry the back end of an entryphone. They asked me to develop a front end for the entrance door enabling the visitor to ring the bell.
Currently at the entrance of the house the interface I developed is showed on a tablet and at the on-click event a ring bell request is sent to the back end. The background image was taken by me in a popular lake near their house and I inserted the cowbell to give a visual feedback to the guest when the bell is ringing.
Internal Entryphone Controller Interface
I created this interface to ease the opening of the entrance door.
Once the bell ringed the user can access this web page from their personal smartphone or from the fixed tablet inside the apartment. Future extension will include in this interface several other pages to monitor the current status of the house (i.e., temperature, humidity, power consumption, opened window …).
I created this interface to ease the opening of the entrance door.
Once the bell ringed the user can access this web page from their personal smartphone or from the fixed tablet inside the apartment. Future extension will include in this interface several other pages to monitor the current status of the house (i.e., temperature, humidity, power consumption, opened window …).
Memory Game
This is a classic memory game, which turn out to be very useful to improve my javascript skill.
The animation is based on CSS and the picture are taken from Unslpash.
This is a classic memory game, which turn out to be very useful to improve my javascript skill.
The animation is based on CSS and the picture are taken from Unslpash.
Pop the balloon
In this game the user have to pop as much balloons as he can.
In this game I played a little bit with javascript random function and CSS animation.
In this game the user have to pop as much balloons as he can.
In this game I played a little bit with javascript random function and CSS animation.
ST. valentine - pop the balloon
St. valentine version of the pop the balloon game.
St. valentine version of the pop the balloon game.
RGB game
I done this game following the course on Udemy "The Web Developer Bootcamp" by Colt Steele.
There is 6 square with different color, you have to guess the one whit the color descripted by the title. The logic is the following:
I done this game following the course on Udemy "The Web Developer Bootcamp" by Colt Steele.
There is 6 square with different color, you have to guess the one whit the color descripted by the title. The logic is the following:
- I create 6 different square with random colors.
- with a random function i choose one of this square and I print the title
- if you click to the square that corrispondig to the title color you win
Todo List
I also done this game following the course on Udemy "The Web Developer Bootcamp" by Colt Steele.
It this page the user can add, mark and remove elements.
I also done this game following the course on Udemy "The Web Developer Bootcamp" by Colt Steele.
It this page the user can add, mark and remove elements.
Irrigation system supervisor - part 1
I am developing this page to supervise the distribution of water in the fields of a small italian town, therefore it is written in italian. This is a two-part draft. The first page shows the status of the main distribution branches. By clicking on the button positioned on the left side of each main branch, the Web page queries the server for the status of the related secondary branch and represents this information on the screen. Here it is possible to check the state of the final valves (i.e. open or closed) and the pressure in the pipe and to force the opening or the closing.
I am developing this page to supervise the distribution of water in the fields of a small italian town, therefore it is written in italian. This is a two-part draft. The first page shows the status of the main distribution branches. By clicking on the button positioned on the left side of each main branch, the Web page queries the server for the status of the related secondary branch and represents this information on the screen. Here it is possible to check the state of the final valves (i.e. open or closed) and the pressure in the pipe and to force the opening or the closing.
Irrigation system supervisor - part 2
This web page is under developing and aims to monitor the irrigation system of the fields of a small italian town. It shows the opening schedule of the different valves and enable the user to modify the schedule.
This web page is under developing and aims to monitor the irrigation system of the fields of a small italian town. It shows the opening schedule of the different valves and enable the user to modify the schedule.
