Bee-Healthy

Inspiration

We decided to come up with an allergy forecast app because we've seen alot of people deal with pollen and airquality issues. Anjali came up with the idea of naming it "Bee-Healthy" because of the bee + the whole pollen pun.

What it does

Can give you the pollen and air quality based on your location Gives you allergy tips It can break down how many of grains/m³ each pollen has It can give you the air quality details It can give you a forecast Gives you a graph of the pollen levels over time, air quality trends,,UV index or dust. There's also an ai assistant to help you interpret the data.

How we built it

We used HTML, CSS, Javascript, Json, Chart.js

Challenges we ran into

1. Finding a free api and accurate we could use was really hard because most not if almost all of them need a subscription. We finally found one called open-meteo.com.
2. Trying to figure out a way to create a chart and customize it.
3. Adding a chatbot and trying to decide if the chatbot would be worth it or not.
4. Trying to get the backend data to connect with the frontend was really, really, really, really hard(especially for me because I spend most of my time with frontend than backend).
5. CSS for the graph was tough

Accomplishments that we're proud of

That its just working in general and making it look a little professional.

What we learned

1. How to create charts using chart.js
2. Learned a little bit about connecting the back and the frontend
3. Learned how to create a chatbot
4. Learned a lot about Web Development especially Javascript(like basics using if statments for the chatbot or creating a typing indicator function) and CSS
5. Learned how to search for stuff we needed to build online.

What's next for Bee-Healthy

We are hoping to make changes to the UI and thinking about how to further improve the project.

Built With

• css
• html
• javascript
• json