Retire Right

Inspiration

We wanted to create a tool that helps people understand financial literacy through a hands-on, interactive experience. Our goal was to make investing feel less intimidating by allowing users to learn key concepts and immediately apply them in a simulated environment.

What it does

When you run the website the user is given two options. The first is to earn money the other is to invest. Earn Money: The user takes a financial literacy quiz and earns $1,000 for every correct answer. The questions teach important concepts such as investment strategies, risk management, and common financial mistakes. The user can complete all questions or stop whenever they feel ready and return to the home screen. Invest: After earning money, the user chooses one of three investment strategies. First is the 110 Rule, second the Bucket Strategy, and third is Dollar-Cost Averaging. For each option the user is taught how to invest using this method and are prompted to invest the money they earned using this strategy. They are told if they have invested correctly using the method and if not they are given the correct answer. Afterwards, they are given the option to see their ROI. Again the user is given three options this time on market stability. The first shows if the market is up, the second if the market is down, and the third if the market is consistent. The market being up means their investment has increased 8%, market down means a 6% loss, and a consistent market means 2% increase. With these options they are prepared to understand the risks and benefits there are with investing.

How we built it

We designed the website using HTML to implement buttons, input, and a progress bar. We implemented the investment logic in JavaScript with deterministic rates for predictability. The website was styled using CSS for clarity and accessibility.

Challenges we ran into

One challenge we ran into was our website being unable to load locally and returning a “site cannot be reached” error. We solved this by using the Live Server extension allowing us to edit and view our changes in real-time. We also ran into logic bugs in our JavaScript, specifically with screen transitions and updating money totals.

Accomplishments that we're proud of

We are proud of building a fully funcational website from scratch and completing everything we set out to accomplish. Our website helps people gain and practice financial literacy in a way that is enjoyable. We successfully created a captivating UI and implemented many features including our user investment feature.

What we learned

While creating RetireRight we strengthened our skills in frontend development especially while using JavaScript and DOM manipulation for user interaction, creating the logic structure, and also handling the UI/UX design with CSS. In addition to coding, we also learned about investment strategies not only increasing our user’s skills in financial literacy but also our own.

What's next for Retire Right

In the future we want to add more questions besides the 30 already impletemnted, including a feature which tracks which questions the user consistently gets wrong allowing those questions to be repeated. In addition we wish to add a question randomization feature which will prevent memorization. In addition, we plan to evolve the see the market return feature implementing a visual such as a graph, along with user input risk-levels, and additional investment strategies.

Built With

• css
• git
• github
• html
• javascript
• liveserver
• vscode