Back to projects
React 19ViteTailwind CSSFramer MotionThree.jsZustandFirebaseFirestoreRechartsPWAVercel

ikoin — University Expense Tracker

June 15, 2026

A PWA finance app built for student life. Track expenses and income, follow your savings goals, and analyze your spending habits, all from your phone.

ikoin is a progressive web app (PWA) built for student life, where money management tends to be informal and small purchases quietly add up. The app lets you take control in seconds, from any device.

  • Fast logging: expenses and income in seconds, organized by category and wallet, with on-the-fly category creation.

  • Budgets and goals: monthly budgets per category and savings goals with visual progress tracking, celebrating completed objectives with confetti.

  • Dashboard and analytics: a summary of the month's balance, expenses, and income, with distribution donut charts and budget progress bars.

  • Smart wallets: each wallet's balance updates automatically with every transaction.

  • Real-time backend: Firebase Authentication and Firestore, with security rules that restrict each user to their own data, and global state with Zustand.

  • Liquid glass mobile design: full redesign with backdrop-filter plus an SVG refraction filter (feTurbulence and feDisplacementMap), a bottom nav with a central FAB, and safe areas for standalone PWA on iOS.

  • Extra details: landing page with a 3D Three.js scene, charts using Recharts on desktop and custom SVG on mobile, automatic deploys on Vercel, and installable on iOS and Android as a native app.