FinWise Campus

• 

  This is the home page of the website.

Inspiration

Honestly, the idea came from watching my parents stress about money and realizing I had no idea how any of it worked. Like nobody teaches you this stuff in school — you just kind of figure it out when it's too late. I kept hearing about people drowning in student loan debt or messing up their credit score before they even turned 25, and I thought that was really unfair. So I wanted to make something that actually explains money in a way that makes sense to a regular person, not just someone who already has a finance degree.

What it does

FinWise Campus is a website that teaches financial literacy in an interactive way. It has five learning modules covering budgeting, investing, credit, student loans, and taxes. Each module has a short lesson, key concepts, and a quiz at the end. There are also three live simulators — a compound interest calculator where you can drag sliders and watch your money grow, a 50/30/20 budget builder, and a credit score breakdown. There's also a glossary with 16 financial terms and a leaderboard to make it feel more fun and competitive.

How we built it

I built the whole thing using HTML, CSS, and JavaScript — no frameworks or libraries, just vanilla code. Everything runs in a single file which I thought was pretty cool. I designed the whole UI myself including the dark theme, the color system, the animations, and all the interactive parts. The lesson system works by storing each module as a data object and rendering it dynamically so adding new modules in the future would be really easy.

Challenges we ran into

The hardest part was making the financial content actually understandable without dumbing it down too much. I rewrote a lot of the lesson explanations multiple times trying to find the right balance. I also struggled with getting the compound interest simulator to update smoothly and making the layout look good on different screen sizes. Honestly CSS took way longer than I expected.

Accomplishments that we're proud of

I'm really proud that the whole thing works in pure vanilla JavaScript with no dependencies at all. Every interactive feature — the quizzes, the simulators, the glossary search, the XP counter — I built from scratch. I'm also proud of how the design turned out because I wanted it to feel like something people would actually want to use, not just a school project. Getting the compound interest calculator to show a live animated bar chart that updates every time you move a slider was one of those moments where it felt like everything clicked.

What we learned

I learned so much about personal finance just from building this. Before this project I didn't really understand how compound interest worked or why missing one credit card payment is such a big deal. I also got a lot better at JavaScript, specifically working with dynamic rendering and real-time calculations. The biggest thing I learned is that if you make something visual and interactive, it's so much easier to understand than just reading about it.

What's next for FinWise Campus

I want to add more modules like insurance and first jobs. I also want to make it work on mobile better and maybe add a feature where students can track their real budget by entering their actual expenses. Long term it would be really cool to partner with high schools or colleges to use it as an actual classroom tool, because I think a lot of students could benefit from something like this.

Built With

• css
• html
• javascript