Skip to content

vitohuangdeveloper/smart-expense

Repository files navigation

Smart Expense

Smart Expense is an expense tracker that helps users managing finances smoothly.

Smart Expense

  • Interactive Data Visualisation - Administered Chart.js, offered stunning charts to help users better understand the spending patterns, and gained priceless insights into financial habits as well as make data-driven decisions.
  • Customisable Account / Category Management - Carried out Firebase to make user able to customise accounts and categories according to preferences.
  • Seamless Receipt Checking - Improved seamless page transitions with Next.js Link component, enabling client-side navigation without full page reloads.
  • Real-time Expense Tracking - Implemented real-time tracking utilising useState and useContext.
  • Concise Balance Analysis - Displayed tidy and informative UI, improving comprehension of expensing trend.
  • Efficient Budget Planning - Provided timely alerts and helped users stay within boundary limits by taking advantage of React-Toastify.

Built with

Next JS TypeScript Chart.js TailwindCSS Firebase Git ESLint

Base

  • Next.js
  • TypeScript
  • Chart.js
  • Tailwind CSS
  • Firestore
  • ESLint
  • Prettier

Flow chart

flow chart

Demo

  • Analyze property trends as well as manage accounts. property

  • Add and check the account balance. account

  • Create and review custom transaction categories. category

  • Set budgets for categories to manage spending. budget

  • Upload and check receipts for expense tracking. receipt

  • Analyze financial data over the past half-year. analysis

Contact

About

An expense tracker that helps users managing finances smoothly.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages