Inspiration
In today's complex financial landscape, many individuals struggle with making informed decisions about their money. We recognized a significant gap in financial education, particularly for younger generations and underserved communities. This realization inspired us to create FinSavvy, a platform that makes financial literacy accessible, engaging, and personalized for users of all ages and backgrounds.
What it does
FinSavvy is a fullstack web application designed to increase financial literacy through an interactive and personalized learning experience. Our platform:
- Utilizes generative AI to create tailored questions and scenarios based on the user's age, current total financial literacy skill level, background, and previous categories to prevent repetition.
- Tracks users' progress across 10 key financial categories, including budgeting, retirement planning, insurance, credit scores, and more.
- Simulates real-world financial decisions and their consequences, allowing users to learn in a risk-free environment.
- Adapts the complexity of content as users progress, ensuring continuous learning and engagement.
How we built it
Frontend: Next.js with TypeScript and Tailwind Css for a robust and responsive user interface. Backend: Node.js, Express Database: PostgreSQL AI: OpenAIAPI
Challenges we ran into
AI Integration - implementing generative AI to create tailored financial scenarios was complex. We had to ensure that the generated content was relevant, accurate, and appropriate for different age groups and skill levels. User Progress Tracking - Designing a system to accurately track and reflect user progress across 10 financial categories required careful consideration of OOP and database design. Balancing Engagement and Education: At first it was difficult to come up with a software product that was both engaging and one that provided substantial educational value.
Accomplishments that we're proud of
Successful AI Integration: We successfully integrated a Generative AI system that creates personalized, age-appropriate financial scenarios and questions. Comprehensive Financial Curriculum: We developed a robust curriculum covering 10 key areas of financial literacy, providing a well-rounded engaging educational experience. Engaging User Interface: Our team designed and implemented an intuitive and visually appealing interface using Next.js, Tailwind CSS, JavaScript, and React, making financial education more accessible and enjoyable.
What we learned
- Full-Stack Development: We gained more practical experience in building a complete web application, from frontend to backend, including database management, and API integration.
- AI and Machine Learning: We learned how to effectively integrate AI tools into a web application and tailor their output for educational purposes.
What's next for FinSavvy
- Mobile App Development: Our team was really excited about this idea and is looking forward to potentially creating iOS and Android versions of FinSavvy to reach more users and provide on-the-go financial education.
- Finalized Financial Literacy Skill Tree: A future feature that would contain a visualization of financial literacy concepts that users are strong with or tend to struggle with.
Built With
- express.js
- javascript
- nextjs
- node.js
- openaiapi
- postgresql
- postman
- railways
- react.js
- tailwind
- typescript
Log in or sign up for Devpost to join the conversation.