Sooner Spot

Home screen showing campus with markers that represent events.
Side bar that gives a brief overview of events.
Account creation that supports OU email.
Popup when card is clicked.
"Expanded" Details
Event creation screen

Inspiration

We noticed it can be difficult to get information about events happening on campus, and only registered student organizations can make an event on OU Engage. We thought this information should be easy to access, and anyone should be able to create an event.

What it does

Our application allows any OU student to see events on an Interactive Map of the OU campus. From the map, they can simply click on the pin icon associated with an event and get more information about it. There is also a tab of events that provides detailed information about the event and the organization putting it on. Any user can create new events for others to see and attend.

How we built it

Front End

Type-Script
React
Material UI

Back End

Rust
Rocket.rs
SQLite
Azure

Challenges we ran into

Multiple times, we lost progress due to version conflicts between our different devices, so we had to rewrite the code. Most of us were also learning React for the first time, so there was a learning curve for all of us. We had to alter our vision due to the time constraint as some things were out of scope. It was challenging to format some of the components, but through teamwork and reading through a lot of documentation, we were able to overcome obstacles. We were also sleep deprived the second half of the challenge, since we coded the whole night.

Accomplishments that we're proud of

We were proud as we came together as a team and were able to create a project together. It was our first time doing a hackathon for all of us, so we are proud to make a professional-looking, genuinely useful website. Particularly, we are proud of the UI, the event creation, the event information functionality, and the backend of the site. We are really happy with how the website turned out.

What we learned

We gained experience programming in TypeScript, using React, and Material UI. Two of has had no website experience, so this was a good opportunity to get a better understanding of full-stack development. We also learned how to use the Google Maps API to get map and address information.

What's next for Club Sync

We want to add mobile support for our website. We also want to add an AI chatbot that helps the user to learn about campus events that will be interesting, depending on the user's interests. In addition, there will be a qr code associate with each event, so users can scan it and mark their attendance.