Inspiration
We wanted to create a project that makes financial learning more approachable for beginners. Many people struggle with personal finance because most resources are either too advanced, too technical, or not designed with newcomers in mind. Our goal was to build something educational, easy to understand, and supportive for users who are just starting to learn about money and investing.
What it does
EmpowerMint is a web application that teaches basic personal finance and investing concepts through short lessons, interactive financial scenarios, and a simple visual wealth simulator. Users can walk through choose-your-path situations, adjust parameters in the simulator to see how their money could grow, and read clear explanations that build confidence in key concepts. The interface is designed to be clean, accessible, and beginner friendly.
How we built it
We built the frontend using React and TypeScript to allow for modular components and quick iteration. The backend is a lightweight Node and Express server that serves lesson and scenario content stored in JSON files. We implemented a clear routing structure, reusable UI components, and state management to handle user progress and preferences. During the hackathon, we focused on creating a smooth user flow, building the simulation components, and structuring the content in a way that can be easily expanded later.
Challenges we ran into
One challenge was simplifying financial topics without losing accuracy or clarity. It took several revisions to make explanations understandable for beginners. Another challenge was designing the interactive elements, especially the wealth simulator, so that changes update smoothly and remain easy to interpret. Time management was also an issue, as we had to choose which features were essential for the demo and which ideas needed to be postponed.
Accomplishments that we're proud of
We are proud of building a functioning educational tool with multiple interactive components within the hackathon timeframe. The visual simulator and scenario system came together well, and the interface feels clean and approachable. We are also happy with how the lesson content turned out, especially after refining it to fit a beginner audience.
What we learned
We learned how to break financial concepts into more digestible pieces and design user flows that help beginners progress step by step. We also learned how to balance UI design, content creation, and implementation speed while working under time pressure. Structuring the project to allow rapid iteration without becoming disorganized was another key lesson.
What's next for EmpowerMint
We plan to expand the scenario library, add more lessons, refine the UI, and continue improving accessibility options. Future versions could include more detailed progress tracking, additional interactive tools, and a wider range of financial topics. We would also like to make the experience more personalized and add more opportunities for hands-on exploration.
Built With
- cors
- express.js
- google-gemini-api
- javascript
- node.js
- react-18
- react-router
- recharts
- render
- rest-api
- sqlite
- tailwind-css
- typescript
- uuid
- vite
Log in or sign up for Devpost to join the conversation.