Inspiration
When researching sports, finding all the information necessary can be exhaustive. By compiling all the information in one place, we believe we have made getting into sports much more accessible. From past experiences, learning all the rules and history can be a hard and daunting task. Through past frustrations, we have decided to make a website to address these concerns and more.
What it does
Slay sports educates people on different sports and encourages them to join through a quick and easy personality test, where you can find what sport from our catalog would be best for you! Slay sports also educates people from different backgrounds about how sports are played and gives them resources to continue their learning beyond the simple text descriptions by adding videos, pictures, and interactive games where you can try out the sport for yourself!
How we built it
For the resource pages about each sport, we used a combination of paragraphs, headers, links, and embedded games for the user interface using the information we gathered from the internet and personal knowledge. We built the mini interactive games in Scratch as it was the easiest and fastest to make multiple games. For the mini-quiz, we first watched a tutorial on a basic true-or-false quiz game. However, the tricky part was changing the base made from the tutorial into a quiz that kept track of points, which would then find a sport that suited those points. By looking over the code and using other resources, were able to learn more specific code usages to accomplish our goal--having the quiz be able to pull point values from answered questions and total them up.
Challenges we ran into
We ran into several challenges along the way. For starters, neither of us had previous coding experience with HTML, JavaScript or CSS meaning that we had to figure out not only what we wanted to do but how to do it in brand new languages and syntaxes. Additionally, it's also our first time doing a time-restricted coding project so managing and planning our time was definitely difficult. A lot of things when working in JavaScript were difficult to google in search of help so there was a lot of internal troubleshooting in a language we had never used before which brought its own challenges.
Accomplishments that we're proud of
We're proud about having learned 4 brand new syntaxes over the course of this hackathon and not only learning them but using them in practice. We're also proud of learning how to code the quiz because we went into it not knowing how to use HTML at all or even GitHub and accomplished a complex and multilayered project. We're also proud of the number of sports we were able to include and the computer-automated tennis match as both were very time consuming but were able to be completed.
What we learned
Combined we learned a total of 4 brand new syntaxes with having no prior experience with them, but were able to attend workshops and harnessed the power of the internet to overcome all the challenges we faced. We also learned about the date structure used in JavaScript and HTML which was different than Java and Python and the type of project was drastically different from anything we had worked on before so even just learning how to set up a new web page was all brand new.
What's next for slaysports.com
We hope to improve our games' interactivity and the number of games as we couldn't complete them for all of the sports. We also hope to increase the number of sports and increase variety with user input of what sports people want to learn more about! Eventually, we would also like to add a team locator where the user can find teams from their sport of interest that are located near them and open for community members. Overall, the entire motivation for creating Slay Sports was to learn, so we hope that as we learn and evolve, so will Slay Sports.
Log in or sign up for Devpost to join the conversation.