Respire

Screenshot of map and LLM in Respire webiste

Inspiration

We were inspired by one of our teammates’ asthma condition, which was worsened by pollution for years. To ensure that people around the world, especially in highly polluted areas, can take the necessary precautions to keep themselves safe is our aim with this project.

What it does

This project displays Google Maps Air Quality API and WAQI API data on a heatmap to visually display pollution throughout the world. It also consists of a chatbot on the side to give tailored suggestions given location and demographics. Finally, there is authentication to save this data between sessions.

How we built it

We used React with TailwindCSS to build and design the frontend. The backend was managed with Flask and authorization was handled with Auth0. We collected our data from the Google Maps Air Quality API and the WAQI API.

Challenges we ran into

It took a lot of time for us to make the heatmap functioning. Earlier it used to sample many points evenly instead of merging them for one continuous display. Moreover, authentication also was tough, as integration with Auth0 had many steps.

Accomplishments that we're proud of

We are most proud of our Health Portal, which lets users input their demographics and health conditions to have the LLM use it for more specific recommendations. This involved API calls through Auth0 from frontend to backend, which was very complex.

What we learned

We definitely learned a lot about using APIs and reading documentation for APIs through this project. We also explored authentication and its integration with React and Flask apps. Finally, we learned what it’s like to work in a team: delegation, time management, and sleepless nights.

What's next for Respire

The Respire team would love to expand by integrating more data sources into their heatmap. Deploying sensors that connect with our website would also be a big step in tracking and mitigating air quality.