Clest

Improve your community, one quest at a time.

Comment

Inspiration

The inspiration behind our product is derived from society's inability to grasp the scope of their community's issues and climate change's encompassing impact. In addition, this website also acts as a manifestation of our team's desire to identify which parts of their surrounding communities prioritizes proper environmental etiquette.

What it does

Our website is composed of two primary components. Firstly, our product displays the world map in combination with a constantly refreshing overlay taken from AQI's API and displays each city based on their air quality. In addition, our website also caters towards those inclined to help their surrounding communities by providing a platform where they can find other like-minded individuals. Our 'Quest' system allows individuals to post requests to give back to their environment. Each post allows other users to work alongside eachother to accomplish a common goal.

How we built it

We built our project with ReactJS and scss with our user logins and quest posts controlled with firebase. Our homepage and other UI elements use a variety of libraries, and our interactive map data is fetched from AQI's API.

Challenges we ran into

Our initial idea existed on the basis of user interaction with the map and that clicking on specific locations would post a quest corresponding to its longitude and latitude. As the project continued development we soon realized that this ambition would be extremely complicated. In addition, our team wanted a more concrete visualization of a city's air quality and the scope of AQI. However, due to time constraints we were unable to construct a functional overlay. Finally, our biggest issue was the lack of online resources catered towards our API calls and outdated documentation.

Accomplishments that we're proud of

Some of the things that we accomplished include: the creation of a functional database that updates on user input and the marker generation created through a series of API calls. Overall, the complexity of this project and it's relative functionality is something we are all proud of.

What we learned

A key thing that each one of us learned while working on this project is that good documentation is a life saver! However, the actual takeaway from this project is the importance of collaboration and the importance of research.

What's next for Clest

We are planning to add and refine our visualizations of the AQI Data. We are also planning on adding more chat features to directly interact with other players to solve a quest(this is done with Firebase Cloud Messaging). And finally we are planning on adding predictive modelling and machine learning to predict the air quality of that area in the future and have projections.

Share this project:

Updates