Running Earth

Main Home Page: Responsive & Interactive Design under concept of "Blurry"
Chatbot: Immediate data storage to the server & client (graphs)
Locating nearby events using Zip Code & Google Maps
Event List Page: list of running events (Marathons)
Event Detail Page: article style of the event
Ticketing Page: functionally under construction

Inspiration

According to Global Forest Watch, Earth has lost 10% of global trees in the past last decade. The Earth is slowly losing its health, and it needs to recover. Planting trees is not an easy task; it requires a system that must be supported by the people. At the same time, humans have been also losing their health due to such a fast-pacing world. Growth of obesity and desire to move less became normal for many. Today, we introduce the "Running Earth" project, where we aim to solve both of these problems. It is a non-profit organization that aims to plant one tree for each participant and supporter in the running event (marathons).

What it does

It delivers marathon events information around the world, yet it has interactive UI/UX. From Chatbot interacting with the users' basic information and questions to finding nearby marathon events, the "Running Earth" project helps users think about the health of both the earth and themselves. Our organization plans to plant one tree per their event participation, where all the funds directly go into planting the tree.

How we built it

Starting completely from scratch, I used React.js and MUI for the most of client's UI/UX. I also used many Google Cloud APIs including Google Maps API, Dialogflow API, and Firebase. Lastly, I used git to keep track of my work.

Challenges we ran into

Working alone is not an enjoyable task. However, I've wanted to try one time to experience and learn the difference between working alone and within a team. As a solo member, I did not have anyone to share my opinion with, which mostly became my biggest challenge. I believe that teamwork is beyond necessary in creating any project.

Accomplishments that we're proud of

I am proud to complete a high quality project as I was worried about working alone. I loved using Dialogflow to create an interactive chatbot that not only just interacts but also saves some of the users' data to directly display the statistics to the users. At the same time, I also put in many effort in design. I am not a designer, but I loved the concept of "blurriness", where it not only has the word meaning in our earth's and human's concern about the future sustainability, but also shown explicitly in UI/UX.

What we learned

I learned a lot in terms of the problem that I was trying to solve for society: Earth & humans. It is essential that such organizations and projects exist to motivate at least a few more people to participate. Creating an interactive UI/UX is also critical as it attracts more users, thus expanding the user pool.