Splitr

• 

  Homepage

📖 About the Project

💡 Inspiration

Managing shared expenses in groups is still more manual than it should be. Apps like Splitwise solve the basics, but they don’t actively help users improve their financial habits. The idea behind Splitr was to go beyond tracking—adding AI-driven insights and automation to make expense management smarter and more proactive.

🛠️ How I Built It

Splitr is a full-stack application designed with a real-time and event-driven architecture:

• Frontend: Built using Next.js with Tailwind CSS and Shadcn UI for a clean and responsive interface.
• Backend: Powered by Convex for real-time data synchronization, queries, and server-side logic.
• Authentication: Implemented using Clerk for secure and seamless user management.
• Background Jobs: Inngest handles scheduled workflows like daily reminders and monthly reports.
• AI Integration: Google Gemini API processes user expense data to generate personalized financial insights.
• Email System: Resend is used to deliver reminders and reports directly to users.

The system works by continuously syncing expense data, triggering scheduled jobs, and generating insights based on user activity.

📚 What I Learned

• Designing event-driven systems using cron jobs and background workflows
  
• Integrating AI APIs into real-world applications
  
• Managing real-time data flow with Convex
  
• Building scalable full-stack apps with modern tooling
  
• Structuring clean UI systems using component libraries
  

⚔️ Challenges Faced

• Real-time consistency: Ensuring accurate balance updates across multiple users simultaneously
  
• Cron job reliability: Handling scheduled tasks without duplication or missed triggers
  
• AI prompt design: Crafting prompts that generate useful and non-generic financial insights
  
• System coordination: Making multiple services (Convex, Inngest, Gemini, Resend) work together smoothly
  

📈 Future Improvements

• Smarter AI insights using historical trend analysis
  
• Group-level analytics and predictions
  
• Mobile app version
  
• Enhanced UI/UX with better data visualizations
  

Built With

• javascript
• next.js
• node.js