Climate Compass

Climate Compass: Main Page
Climate Compass: Results Page
Climate Compass: Impact Map

What it does

At Climate Compass, we aim to deliver relief and reliability to users confronting the ever-increasing threat of natural disasters. In a world where these events have become more frequent and severe, we aim to provide users with essential services designed to enhance safety and preparedness during critical times. Climate Compass provides a comprehensive list of government aid, programs and nearby climate shelters available to any climate refugees.

How we built it

Climate Compass is a full-stack web application that uses Next.js, Tailwind CSS, and HTML for the front end and Django for the back end. This project uses the open Kontur.io API to gather real time data of reported disasters across the globe. It incorporates the latest AI tools and technologies, using LLAMA 3.1 from Groq to generate information about the newest government aid and policies. Our project also implements the Google Maps API to showcase the impact of the natural disaster.

Challenges we ran into

Initially, we wanted Climate Compass to incorporate disaster prediction using Disaster Ninja and a database of past natural disasters; however, the data returned by these APIs was extremely messy, and we struggled to incorporate it with the rest of our application. As a result, we opted to use LLAMA 3.1 to replicate their functionality.

We also had trouble using the Google Maps API and displaying the map with the area of effect of the natural disaster. We eventually figured this out, but we had to refactor our Next.js project to use Typescript!

Accomplishments that we're proud of

We wanted to learn a new framework that most of us have not worked with before. We learned so much about Next.js and the Django REST framework. This allowed us to send HTTP requests from the backend to the frontend, allowing us to manage a "real" server. We quickly learned Next.js and the Django REST framework to build a fully integrated web application, showcasing our team's dedication.

What we learned

Over the past 24 hours, our team explored the worlds of Next.js, React, Tailwind CSS, and HTML, learning many of these technologies for the first time! Along the way, we learned about using Django as a backend and its potential to be used as a backend using the Django REST framework. We also learned how to utilize the Google Maps API and LLMs like LLAMA 3.1 to serve users in a full-stack application.

What's next for Climate Compass

In the future, we aim to significantly enhance the accuracy of our impact map and improve the user accessibility of our product. To do this, we would focus on making our website accessible to people worldwide without any language barriers. Recognizing the critical nature of the information we provide, expanding our language support is one of our top priorities. We would also like to refine the accuracy of our impact map with technologies like Disaster Ninja.