Inspiration
We love Science Olympiad and we've been a part of it since middle school. But, things get messy. Emails, emails, and more emails. Too many sites with information. Google drives, so many resources. Meeting information. So many events.
What it does
So we wanted to make one site specifically for our school where we would post everything. All recent updates, upcoming events, resources, contact info, links to useful sites, etc.
How we built it
We used html, css, and javascript. For the data visualization, we used the D3.js library.
Challenges we ran into
We were all beginners, and we weren't that familiar with making full fledge websites, so we had to do a lot of research and figure out how to make everything come together. We were new to the D3.js library, so there was a multitude of trial-and-error involved in trying to make graphs.
Accomplishments that we're proud of
With the help of google and a lot of videos on youtube, we were able to make a website with some basic functionality and links to different pages. Additionally, we're proud of the classified data visualization for viewing scores - by event subject and visualizing the best results.
What we learned
We learned so much over this process, not only through the basics of HTML, CSS, and Javascript, but also working with a time-limit through the hackathon. We made button functionality and have one page link to another page, which demonstrates our knowledge of visualizing data through structures like charts in an interactive way.
What's next for OurScioly.space
We want to make everything completely work in the end. We want to use this in the upcoming year for Science Olympiad. Then we would continually update the site and have all the club members use this. If/when we pull this off, it would be extremely helpful for everyone. We might even add a calendar functionality and more.
Log in or sign up for Devpost to join the conversation.