Sustainable Seas

• 

  main page

• 

  search page

• 

  ex. alaska pollock profile

• 

  guide page

Inspiration

I was inspired by the FishWatch website and its use of the API.

What it does

Sustainable seas aims to bring awareness and give access to resources for sustainable seafood and fishing. It provides details on different marine life and a guide to buying seafood and promoting sustainability. The user can search a specific species; using the fishwatch API, the site formats information about the searched marine life animal with information vital to its environmental state (population status, availability, bycatch, fishing rates, etc). This site includes regulations that were set in place to help promote sustainability.

How I built it

I built it using HTML, CSS, python, and the fishwatch API.

Challenges I ran into

I ran into the struggle of formatting the requested JSON information since it came as raw HTML text (including the HTML tags). I converted it to clean text and also implemented it as a way to check if the value is null and change it to a placeholder string.

Accomplishments that I'm proud of

I was able to use the information directly from the JSON data as opposed to storing it in CSV files first. I also spent more time making the site responsive.

What I learned

I learned how to create routes to multiple pages in flask and more about CSS formatting (particularly content boxes).

What's next for Sustainable Seas

I want to implement an in-site map that shows local seafood markets for individuals. Additionally, I would like to have the site show whether certain species are certified and the best choice for a given region.

Built With

• css
• fishwatch.gov-species-content-api
• html
• python