A website created to encourage recycling.

Latisha S., Ankita N., Cameron H.

Our website comes in four major parts: the map page, statistics page, help page, and the can-it page. Our map page was created mainly through the use of Google APIs, and it shows users the locations of various recycling centers, as well as the user’s own location. The statistics page also used Google APIs, but it focused mainly on statistics on a global scale, showing users how global warming can majorly affect countries. The help page used an iframe from Google forms, which we created remotely in Google drive, then transferred over to our website. The can-it page runs mostly on javascript, and it returns whether or not a person can recycle an object based on a list that we linked to the javascript file.

Although people are willing to recycle, many people don’t know that a lot of the items they are throwing away are actually recyclable. In addition, many items can only be recycled at certain centers, whose locations can often be hard to find.

This is why we developed our website, Environ. Our site is meant to make people more knowledgeable about recycling different items. The map function on our website shows different recycling centers near you that could accept different items, while our “Can it?” page as well as our help page lets people know if specific items can be recycled.

Some challenges that we faced while developing Environ included creating a pleasing UX/UI, how to use Google Maps APIs, and implementing the Javascript needed to create the list. The User Interface was complicated due to the amount of Javascript needed to program certain features of the website, such as the animations on the page. However, we were able to overcome these challenges by consulting many online resources, as well as inspecting websites that utilized similar types of javascript. The Google Maps API was also confusing to use because of our lack of knowledge in this field, but we were able to create the maps through much trial and error, as well as through the use of Google’s documentation on this particular topic. Finally, the list was difficult to create because of the formatting, as every time an item was added to the list, the text editor would automatically include a carriage return to the end of the item, which changed the identity of the item completely. We overcame this roadblock by conferring with experienced computer scientists, and working together to find a solution.

Latisha, Ankita, and Cameron are high school girls from Girls Who Code at GE Digital, 2017. Although from rivaling high schools, they worked together like peas in a pod to create a website to help people recycle.

You can view the project here.

This project was made by Girls Who Code Summer Immersion Program students at GE (Bay Area).