What it does

This is a place to look up the latest sports scores.

How I built it

I wrote a JSON file with standings and scores from the latest EPL and NFL games. I used basic JavaScript in order to read the JSON file. Then, I used the HTML DOM in JavaScript to display the scores for the NFL and EPL games. For the statistics, I got the data from google's records of the EPL games. I then displayed the players who scored as well as the possession, shots, and shots on goal. I made two <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.

Share this project: