What it does
This is a place to look up the latest sports scores.
How I built it
<div>s in and proportionality changed their width with the possession and shot ratios, in order to make one
<div> wider than the other.
Challenges I ran into
At first, I was trying to find good APIs that would help easily get the scores, stats, and standings, but everything turned out to be paid or freemium, so I ended up making the JSON files myself. I finished the NFL's JSON file and started with soccer. I was planning to include five leagues in soccer, the NBA, the NHL, and the MLB. That did not work out as planned because of the time constraints. I also did not have time to write stats for the NFL. I also ran into a few styling challenges. I also did not have time to update the latest scores for the NHL, so most of the week 2 scores say "S" for scheduled. I also did not have time to pick a better color scheme and add some finishing touches to the website. I also initially planned on making the UI with ReactJS, but that did not work well either. I made a webpage for the NFL standings, and I did not get a chance to style it, so I did not display it (although it is in the project).
Accomplishments that I'm proud of
I am mainly proud of my efforts with the statistics for soccer.
What I learned
I learned a lot about the JS HTML DOM. I was not really good at JS at all before except for a little experience with ReactJS and its DOM. After this project, I learned a lot of valuable points about the JS HTML DOM.
What's next for SportScore
I can surely expand on it and add web pages for the NBA, NHL, and more.