APE Trading

Actual Landing Page
Figma (WIP) Home Page
Investment Page
Dynamic Investment Page
Result Page

Inspiration

Today, the cryptocurrency space is trending a lot, especially with young adults. Why not gamify the way we combat global ignorance, through investments?

What it does

You invest in stocks which are named after SDG goals and when you click on one of the stock options, a question appears. If the user answers the question correctly, the stock price increases and their balance is proportionally based on the percentage increase of the stock. However, if they get it wrong they lose money.

How we built it

We extensively brainstormed our ideas first. https://www.figma.com/design/Shee5vuXe5D6Tu5sEHzuaN/Gap-the-Minder---Ape-Trading?node-id=0-1&p=f&t=TqmlqhEyuIpGk02n-0 Then, in our actual product, we used Flask as the backend using sessions to store data. We parse data from the GapTheMinder website to create our questions that we ask users. In our function invest, we call the data. Notably, in our HTML invest_form file, users are able to get questions through javascript dynamically, so it constantly refreshes.

Challenges we ran into

The main problem was figuring out how to implement Javascript, because all of us did not know Javascript. So, we had to learn how to implement the dynamic feature that was make our project shine.

Accomplishments that we're proud of

It was our first hackathon for all of us, so we are proud of creating a working product that we would play with ourselves. We are all amazed by how much we were able to get down in a time crunch, since, a deadline to build a prototype and using various tools like Github and Discord to communicate was a feat.

What we learned

We learned why it is important to communicate. This is because we ended up wasting a lot of time on some days, because of time zone differences, making it impossible to accurately determine what each member was doing. However, we were able to collaborate through Github and Discord and overcome this challenge. We also of course learn technical skills such as pushing and committing to the main repository and of course Javscript.