Sustainable 500

Inspiration

In planning, we had decided on creating some type of financial tool to be beneficial for the common person, and when the challenges were released, we took interest in the Schonfeld Sustainability Challenge and adjusted our project appropriately.

What it does

Back-end: Establishes an HTTP connection with the Yahoo!Finance API to gather most of our data. In the future we would like this project to use a more reliable and updated API called Sustainalytics. Unfortunately this requires a business account and / or a personal connection with the API holders. The data given by the API is in JSON format, which we store and use appropriately when needed. We store the raw data in a file, but also have a sub-file of the data filtered and more well structured for ease of use in our program. There is also a script that updates another file which stores and updates popular tickers to their respective company name. The idea is that we want an easy way to match the tickers and names during development, and have it be a smoother experience for our users.

Front-end: When the data of the 500 companies is passed, the ESG (Environment, Social, Governance) score can be displayed when a ticker is searched by a user. After filtering through the list using the typed ticker from the user, the score is retrieved from the JSON file passed from the back end, using the ticker which is clicked by the user.

How we built it

Tech Stack:

• React.js
• Python
• JavaScript
• HTML
• CSS

Challenges we ran into

• Search bar and ticker list functionality

Accomplishments that we're proud of

Having a project with some functionality finished despite many delays in development and lack of planning as first-time hackers.

What's next for Sustainable 500

Some of things that we wanted to implement but never got around to:

• Visualizations of the data over x amount of time
• Using our own custom scale to rate the companies
• Make the list only appear when the user starts typing

Built With

• css
• html
• http-protocol
• javascript
• python
• react.js
• yahoo-finance-api