EcoRIT

Inspiration

• We wanted to promote sustainability around RIT campus, but we also realized that we needed something specific to RIT students so that they could find realistic ways to be sustainable on their campus.

What it does

• Displays locations of different water fountains around campus to promote use of reusable water bottles. It also allows students to filter fountains by building, and it also displays the ‘rating’ of a water fountain.
• Allows users to create sustainable goals for themselves and document progress. These goals are specific to RIT so that they are more achievable to students.

How we built it

• The outline of our website started with Figma, where we created a prototype. We used the Vue.js framework to build our app, which is made up of a combination of different Vue components. We were able to make changes in our code dynamically through using Git and Github. We integrated the Mapbox API to display a selected building. Our data on water fountains was stored in json files and scraped from RIT-provided websites.

Challenges we ran into

• The majority of our team members were new to Vue.js, so the framework was a bit hard to learn at first but we were able to catch on to the structure quickly. The data we found was stored in a json file with many additional, unnecessary attributes. So parsing through that data to extract what we needed was an issue.

Accomplishments that we're proud of

• The application has a cohesive style that we are proud of, especially since all members were working on different aspects of the website. We are also proud of the fact that we completed our agreed-upon MVP.

What we learned

• We learned how to implement a map into our application. We also learned how to deal with complicated data files in order to extract what we need. We also learned how to work with Django, and a new framework, Vue.

What's next for EcoRIT

• Looking around campus and adding water fountains that were not included in our data.
• Making a mobile version so that users can create sustainable goals on the go.
• Implement login so users can save their data.

Built With

• css
• django
• html
• javascript
• mapbox
• python
• vue