Thermostat

Week 5 JavaScript Project

The objective of this project was to learn the principles of test-driving a Javascript project, with a responsive HTML & CSS design, by building a simple thermostat interface.

Screenshots

Heroku (live)

Thermostat simple - a non-responsive, basic styled design.

Thermostat design - a fully responsive, mobile friendly design.

Objectives of exercise

• Getting warm!
• Learning JavaScript and the JQuery framework
• Test driving a JS project with Jasmine
• Incorporate responsive design elements.

Technologies used

• Javascript
• jQuery
• Jasmine
• Sinatra
• Ruby
• Html
• CSS
• Git
• SublimeText

Requirements

• Thermostat starts at 20 degrees
• You can increase the temperature with the up button
• You can decrease the temperature with the down button
• The minimum temperature is 10 degrees
• If power saving mode is on, the maximum temperature is 25 degrees
• If power saving mode is off, the maximum temperature is 32 degrees
• Power saving mode is on by default
• You can reset the temperature to 20 by hitting the reset button
• thermostat should color the display based on energy usage - < 18 is green, < 25 is yellow, otherwise red

How to clone this repo

git clone https://github.com/HannahCarney/Thermostat.git

How to run tests

cd Thermostat
open SpecRunner.html

Pair Partner

We are [Hannah] and [Josh], from the December 2014 cohort of Makers Academy, London! [Hannah]:https://github.com/HannahCarney [Josh]:https://github.com/Bebbs