SmartWallet

Inspiration

SmartWallet was inspired by the problem of never knowing which card to use at checkout. Different cards give better rewards for food, gas, groceries, travel, or shopping, and it is hard to remember the best choice every time.

What it does

SmartWallet lets users add their cards, set reward preferences, make simulated payments, and get a smart recommendation for which card to use.

The app can recommend cards based on purchase category and user preference, such as cash back, travel points, dining, groceries, gas, or shopping.

How we built it

We built SmartWallet with React Native and Expo for the mobile app. Supabase handles authentication and stores user cards and transactions. We also used a Node.js backend to support payment simulation and recommendation logic.

The main parts include:

• Sign up and login
• Wallet card management
• Smart card recommendations
• Reward preference settings
• Transaction history
• Supabase database integration

Challenges we ran into

One of the biggest challenges was making sure data was connected to the actual logged-in user instead of demo data. We also had to debug Supabase row level security policies, backend connection issues, local API URLs, and transaction saving.

Another challenge was designing the wallet so users could easily manage multiple cards without making the screen feel crowded.

Accomplishments that we're proud of

We are proud that SmartWallet works as a real connected app instead of just a static prototype. Users can log in, add cards, save data, view transactions, and get card recommendations.

We are also proud of the wallet experience, especially the expandable card management view and the reward preference system.

What we learned

We learned how frontend, backend, authentication, and database rules all work together in a full-stack app. We also learned how important user-specific data is when building with Supabase.

On the design side, we learned that clear buttons and simple interactions are better than hidden gestures, especially for features users need to understand quickly.

What's next for SmartWallet

Next, we want to improve the visual design, make card editing fully functional, add more card reward programs, improve recommendation accuracy, and support more realistic payment flows.

Built With

• auth
• built
• css
• database
• expo.io
• github
• go
• javascript
• level
• native
• nativewind
• node.js
• payment
• postgresql
• react
• row
• security
• stripe-style
• supabase
• tailwind
• typescript
• with: