Inspiration

We were inspired by the sponsorship challenges. We had an initial idea before coming to the hackathon but after listening to the sponsor challenges, we decided to scrap our idea and go with something more relevant to the goals. With an aim in AI, education, and minorities, we created a user-friendly website to teach about compound interest. As STEM majors we were familiar with exponential growth and were comfortable with the idea of creating an interest simulation. We wanted to integrate a chat bot for live questions as well as spanish translations for added features.

What it does

Our website provides its users with information about compound interest. With its implementations of a chat bot, English and Spanish youtube video links, and on-site translations, our website is aimed towards minority users who aren't fammiliar with technology and financial concepts. Using OpenAI we have a live chat bot to answer questions on both the information and examples page. These two pages are the ones that provide most details on the topic and thus we wanted to include the chat bot in these sections for our users to ask questions based on the information we provided in case anything arrises or if there are any gaps in their knowledge after. We included a simulator secton for our users to be able to play with randomized interest rates(similar to the real world) and inputted years as well as the principal amount to be able to see the effect of withdrawing money on potential gains.

How we built it

We used HTML, CSS, and Javascript and utilized an OpenAI API to make the chatbot from fixed response to dynamic responses. We also embedded Youtube Links and used HTML IDs to translate the entire site. We used BootStrap for the homepage. We used Github to make collaboration easier.

Challenges we ran into

This is our first hackathon so we ran into many new unknowns such as how hackathons are structured and what our schedule should look like. Dealing with Git was a big time-hinderance. Dealt with formatting issues and adding images with the correct path. Had to figure out how to implement HTML with Javascript and use data structures.

Accomplishments that we're proud of

Since this is our first hackathon, we are very proud that we were actually able to get a project of this scale done in such little time. We are proud of making the Compound Interest Simulator, Dynamic Chatbot that uses the OpenAI API, and full translation of the entire app.

What we learned

We learned how to more adeptly use HTML, CSS, Javascript, learned how to work as a team, and time-management skills. We also learned how to navigate Git and Github much more efficiently. We learned how to add animations to a website, how to utilize OpenAI API to make the chatbot. We learned how to use HTML IDs to translate the website. We learned how to use Bootstrap for templating.

What's next for Future Fund

We are planning on refining this project and working on new ones in upcoming hackathons, such as Knighthacks.

Built With

Share this project:

Updates