HACKSPOTS | Devpost

HACKSPORTS

Inspiration

We often want to check the timely data of different sports games if we have no time to watch the whole game. Thus, we want to provide the most detailed data about sports, whether it is the sports that you often see or some sports that are not that popular relatively, you can find them on the website.

What it does

There were three bars in the menu bar you can navigate. The first one is the Homepage, which provides the most breaking sports data, regardless of its time. The second one is Teams, where you can find teams that were rising in different sports recently. The third one is Search, where we provide a search option to allow user input the keyword, thereby the corresponding sports and description would pop up if the keyword is in the result.

How we built it

It involved 2 of us doing frontend and the other 2 doing backend. Jackson and James worked primarily on the front end with the user interface and Emily and Jenelle worked with APIs to help gather data for our search bar. I followed a tutorial on YouTube to format the website to my liking, creating multiple tabs of information and finally a search bar to navigate through the user's wants.

Challenges we ran into

It was our first experience with a hackathon and we were all still pretty new to coding (3 of us currently in ICS 32), so it was a lot to take in the first hours (learning about SQL, HTML, CSS, JS, and how to incorporate them to our project). We also had to change plans midway since we originally intended to create a chatbot with resources of UCI, but were unable to find a UCI API, thus had to scrap the original code and restart after the first day. Our code had many instances of errors and even our mentors sometimes struggled to find what was going wrong with it such as dealing with networks and servers.

Accomplishments that we're proud of

Since we are all beginners, and the most language that we are familiar with is Python. We learned about by our own. It's proud to create such a project with help of mentors and learn from workshops and online resources.

What we learned

We learn how a webpage is created, front-end, back-end, and API, also learn how to do teamworks that two of us did the frontend, two did the backend, then we combine at the end.