StatNBA

Inspiration

We were interested in web development and we all enjoy basketball. This was the first in-person hackathon for most of our team members, and all of us are beginner hackers, so we decided to make something simple yet able to accomplish a useful goal.

What it does

The website allows users to enter two different NBA teams and it will display side-by-side stats, as well as the expected win percentage of both teams in a head-to-head match, making it useful for statistical analysis in sports betting, or for basketball enthusiasts in general.

How we built it

The website was built using HTML, CSS, and Javascript with React as a framework. We used a simple API developed to gather NBA stats, https://www.balldontlie.io

Challenges we ran into

It took us the whole morning to figure out how to use the API, as we were all beginners in React and web development in general. Another challenge was collaborating to connect the front and back end as we worked on those parts separately and had to explain each other's code to each other. We also had many bugs and spent a lot of our time debugging.

Accomplishments that we're proud of

We are proud of being able to build a working website with a reasonable purpose in just a day (we started working Saturday morning and finished Saturday night).

What we learned

A lot of time spent working on our project was debugging, which we had previously underestimated. However, we learned that making something functional and purposeful can be done in a short period of time.