ktrammell95 / ReactI-Assignments

Assignment repo for React I part-time course

0 stars 0 forks source link

Assignment 2 - Scoreboard - Create a simple interactive scoreboard for your favorite sport #2

Closed lizthrilla closed 5 years ago

lizthrilla commented 5 years ago

Score Board

For this assignment, you will be creating a simple interactive scoreboard for your favorite sport.

Requirements

Refer to this mockup to design your page:

ScoreBoard https://raw.githubusercontent.com/suncoast-devs/handbook/master/curriculum/fundamentals/javascript/assignments/assets/scoreboard.png

Use the HTML and CSS here to jump-start your project.
A user should be able to update a score and the teams playing.

Explorer Mode

[x] Create a new project and implement the design using the given HTML & CSS.
[x] Assign 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.
[x] Deploy your site.

Adventure Mode

[ ] Implement a Quarter/Period Tracker that would be appropriate for the sport.
[ ] Add some styling to make it more presentable. 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 anything else that your sport would have on its scoreboard (e.g. fouls, sacks, shots on goal, etc.).
[ ] Improve the UX to help to make score keeping by your sport easier.

ktrammell95 commented 5 years ago

https://github.com/ktrammell95/react-scoreboard

lizthrilla commented 5 years ago

Your homework was marked: Meets Expectations

Well done!

“Well done!” — via Gavin Stark