What's Up Boiler Up

Home page

Inspiration

The boiler link website formatting is currently too bloated. it is difficult for users to read through the list of hundreds of events to find one that they want to attend. In Whats Up Boiler Up, we make finding events easier.

What it does

This website takes data from https://boilerlink.purdue.edu/events and creates a map of Purdue University's campus with the locations of events within the current day/next few days. This project was created for the 2023 Hello World hackathon by Ashwath Singh, Aaruni Gupta, Ronald Tsai, and Atharva Kerkar.

How we built it

The languages/tools used are nodejs, HTML, CSS, leaflet, figma, openstreetmaps, geocode, google sheets, python, and JSON.

Challenges we ran into

We had severe difficulty making the node.js file compatible to browser HTML during the 24 hour time constraint of the hackathon. Converting the file to vanilla and dynamically updating data is one of our goals moving into the future.

Accomplishments that we're proud of

Ashwath: Designed the website seamlessly and streamlined user-interactivity. Ronald: Configurated Leaflet map of Purdue with dynamic pop-ups. Aaruni: Developed nodejs program to webscrape Boilerlink events and convert it into usable data. Atherva: Coordinated github repository and collaborated on nodejs processing of Boilerlink event data.

What we learned

We learned how to access website data through python file reader and node.js file sync and how to use leaflet to create dynamic maps. We also used dictionaries to convert location to latitude/longitude coordinates.

What's next for What's Up Boiler Up

We will make the program dynamic by connecting node.js to the map html file. Through this, we can continually update the map instead of keeping the webpage static. We also plan on including filters for different types of events, as well as a carousel element to cycle through multiple events at the same location. Additionally, we will add further details to the popups to provide more information to the users about the events. We also are considering changing the color of the pins to indicate how recent the event is.