Week 4 Day 1 Intro to AngularJs -

[mdewey]

Score Board, take 2!

For this assignment you will re-create you scoreboard using angularjs a simple interactive score board for your favorite sport.

Check out the sample projects here: https://github.com/PROforma-Cohort/Lecture-Examples/tree/master/week-4/day-1

A User should be able to update a score and the teams playing.

Objectives

Explorer Mode

Should resemble this:

• [ ] implement the basic HTML
• [ ] implement the basic formating. Do not worry about styling (colors and fonts and the like)
• [ ] add ng-click events to the update buttons to update the corresponding values on the page. The score buttons should adjust the current score by a "hard coded" value

Adventure Mode

• [ ] work on your hack-a-thon projects
• [ ] Complete Explorer Mode
• [ ] Implement a Quarter/Period Tracker that would be appropriate for the sport
• [ ] Add some custom CSS to make it more colorful. Have fun with it
• [ ] Make the layout responsive

Epic Mode

• [ ] Add a Timer that counts down automatically and updates the period/quarter appropriately
• [ ] Save/load the information to local storage
• [ ] Add CSS to the winning teams score to indicate who is currently winning
• [ ] add anythign else that your sport would have on its score board (fouls, sacks, shots on goal, etc);

Turning In

Your homework will be assigned to you via issues on your assignments repository. Once you are

These steps will be followed for almost every assignment going forward. Once you've completed at least explorer mode and you're satisfied with your work, let's get it published. First let's get it up on GitHub.

• First, let's add all our work to git, and ask it to commit it:

  git add .
  git commit -m "My first webpage"

  Feel free to replace "My first webpage" with a more meaningful message.

• Push our local commits to GitHub:

  git push -u origin master

  The -u option tells git we want to making pushing the master branch to origin the default, so next time, we can just type git push.

• Now that our source code is up on GitHub, let's publish our page to Surge. The command to do this has already been setup for you:

  yarn deploy

Once you are completely, go to the issue on our assignments repository, leave the link the repo of your work, and close the issue. I will not know you are down until you close the issue.

[JamesEnoch89]

https://github.com/JamesEnoch89/day-1

[mdewey]

small bug with your "subtract player 2 score button", no worries on fixing it, just a heads up

[mdewey]