budget tracker
Clรฉment Roland
Published
Personal budget management web application with JWT secure authentication, interactive graphics and multi-user isolation.
you can see the demo on my portfolio: https://www.twine.net/signin
๐ Authentication & Security
โ
Secure registration and login
โ
JWT authentication with expirable tokens (30 days)
โ
Hash passwords with bcrypt (10 rounds)
โ
Full data isolation by user
โ
Backend and frontend road protection
โ
Forgotten password management with temporary tokens
โ
Secure logout
๐ผ Transaction Management
โ
Create, read, edit and delete (full CRUD)
โ
Categorization of transactions (Income / Expenses)
โ
Customizable predefined categories
โ
Optional descriptions
โ
Customizable dates
โ
Client and server side data validation
๐ Statistics & Visualization
โ
Automatic calculation of totals (Income, Expenses, Balance)
โ
3 interactive charts with Chart.js
๐ฅง Camembert: Breakdown of expenses by category
๐ Bars: Comparison Income vs Expenses
๐ Line: Evolution of the balance over time
โ
Real-time statistics
โ
Tabbed interface (Table / Charts)
๐จ User Interface
โ
Modern design with Material-UI
โ
Responsive interface (mobile, tablet, desktop)
โ
Forms with real-time validation
โ
Explicit error messages
โ
Loading states and visual feedback
โ
Intuitive navigation