Inspiration
This project was inspired by my spending habits. I Struggle to keep track of my spending, going over budget without realizing it, or simply wishing money management felt less stressful. I wanted to create something simple, intuitive, and helpful for students like me.
What it does
E-Wallet is a simple campus budgeting tool that helps students manage their spending in real time. It allows users to top up their balance, pay at different campus vendors, track all transactions, and automatically receive insights based on their spending. The app also uses an XP and rewards system so students stay motivated while building better financial habits.
How we built it
I built this using React, Tailwind, and Gemini AI for the coaching + insights. The wallet balance, XP system, transactions, insights, and progress all update dynamically through localStorage and custom logic. The AI components were the most fun part. It takes real spending data and generates smart, personalized guidance.
Challenges we ran into
Challenges I ran into were, getting the insights to be dynamic without breaking layout, structuring the XP and leveling system, and making charts responsive all took time. The Gemini API also gave me a few errors until I properly configured the environment and prompt structure. But honestly, every problem taught me something new, and seeing everything work together smoothly at the end was worth it.
Accomplishments that we're proud of
What we learned
While building this, I learned a lot, especially about structuring transactions, creating dynamic charts, and integrating AI to generate helpful insights. I also learned how important clean UI is when you're dealing with financial tools. Every screen had to be easy to read at a glance, and the whole experience had to feel smooth.
What's next for E-Wallet
The next step for E-Wallet is to make the UI better and integrate a backend.
Log in or sign up for Devpost to join the conversation.