An open source app to view scoreboards and other sports statistics.
Used AI tools like google search overview to learn how to add things iāve never used before or couldnāt find good docs on. After getting the hang of these things I was able to implement them on my own later on.
Quick post-ship devlog. A couple voters pointed out some issues that were addressed here. I had forgotten to add a message in case there were no games today, which is funny since today is the one day where the NBA (the default) has no games which made it confusing for the users. Also, I did not account for playoff games where the status was not determined yet (e.g., teams were TBD or had multiple options).
Log in to leave a comment
I built a sports app to view the upcoming games and standings of my favorite teams. The game overview was pretty difficult to make but it ended up turning out pretty well so iām proud of that. Throughout the project I learnt a lot more about API based programming and responsive design.
Project Overview:
OpenBoard is a web app where you can get information on sports games ranging from live overviews to team standings. Currently 7 Leagues have been implemented (NHL, NBA, NHL, MLB, MLS, EPL, and UCL). Feel free to open a pull request or a suggestion to add a new feature or league.
Note: Some features limited on select leagues.
Feel free to contribute whatever you want to the project by making a pull request and again also feel free to make any suggestions of features you would like to see implemented.
Devlog 14
PWA support has now been added alongside getting the demo live. This is the last devlog before the first ship. Iāll outline some features here and go into more detail in the ship message.
Feature Overview
Save a team by clicking the star icon next to their name.
View games for an entire league or specific team for any day.
Live game overview featuring scores, win probabilities scoring plays, box scores, team statictics, and full play by play.
View league/team standings (Full, Conf., Div, WC).
System theme support.
Log in to leave a comment
Devlog 13
After way too many hours the app is nearly complete. I got the favorite teams page to work and also added in play by play data today. Lastly iāll probably just do some polishing and probably make a pwa and get the repository and demo in order tomorrow.
Log in to leave a comment
Devlog 12
Lots of progress made today. Some of the bigger features are that you can now view wild card standings for leagues that have them. Team schedules can now also be accessed from clicking their entry on the scoreboard. QOL changes have been implemented as always with animations, modern dropdown menus, better sorting for teams in playoff races, and labels for tournament games. For the most part schedules, game overviews, and standings are pretty much completed so now I need to add some personalization by making the home page.
Log in to leave a comment
Devlog 11
Another day with lots of progress. Today I was able to add premier league, uefa champions league, and mls to the list of availible sports. The box scores chart also now shows individual player stats for select sports. The rest were again some small changes and fixes.
Log in to leave a comment
Devlog 10
For the most part it was small fixes and qol changes. I was able to add buttons to toggle between previous and next dates in the game schedule. I originally wanted to do infinite bidirectional scrolling, but this turned into a multiple hours long nightmare. When it was working, it was still kind of wonky and didnāt make for the best ux, so i just decided to add buttons instead since they are simpler and had a better overall ux.
Log in to leave a comment
Devlog 9
Very small one today. In this devlog I added support for a theme toggle, and it is also persistent in localstorage. Also fixed a small bug with postponed games showing scores of 0-0 instead of hiding the scores. Iāll probably make custom dropdown menus due to the limited css styling support and browser inconsistencies.
Log in to leave a comment
Devlog 8
Hackatime was down yesterday so this is yesterdays work. It was some small changes but the headlining feature was that now you can view team schedules for all their games by clicking the team name in the standings.
Log in to leave a comment
Devlog 7
Lots of progress made since last commit. The standings now can be toggled through division, conference, and league, which was suprisingly tricky to do and required linear recursion. I also made some more progress on the game overview and added win probabilities.
Log in to leave a comment
Devlog 6
Took a break but now iām back to working on this. I mostly worked on the scoreboard and did initial work on implementing box scores. Summaries of the latest play of the game for in progress games have also been added as well.
Log in to leave a comment
Devlog 5
Small changes here. The table has now been fixed to accomodate mobile devices with overflow scrolling. Multi-page support has also been added in this one.
Log in to leave a comment
Devlog 4
Standings have now been added. They work for every sport I added. but so far they are only league wide. Next, iāll hopefully add a way to sort into conferences/divisions.
Log in to leave a comment
Devlog 3
Match times have now been replaces with statuses. Also the dropdown menu now works across the 4 major sport leagues (NHL, NBA, NFL, MLB).
Log in to leave a comment
Devlog 2
ESPN API is now up and running. Right now only nhl matches for today will show up, but next iāll probably get the dropdown to work for other sports since most scoreboards follow pretty much the same format. Iāll also add in other missing details like the current period/quarter/inning/final and the latest play of the game.
Log in to leave a comment
Devlog 1
This is the first devlog for this project, so iāll explain my vision for this project. Recently, I was thinking that there is not really a proper app to see sports matches and info properly. Most apps/websites like ESPN are quite cluttered and filled with ads. The cleanest we have is google sports, but even that is still not perfect. So iām planning on making this a simple way to view data from popular sports leagues/teams without the clutter. Iām planning on using ESPNās public api, since it has no authentication or subscription required, but it is undocumented and could be changed/removed any time.
Log in to leave a comment