Clément Roland

you can see the dashboard on my portfolio: https://www.twine.net/signin

📊 Data visualization

✅ Real-time price of 50+ cryptocurrencies via CoinGecko API
✅ Pie chart of the market cap distribution (top 10)
✅ Complete table with all key information
✅ Automatic refresh every 60 seconds
✅ Tabbed interface (Chart / Table)
📈 Statistics

✅ Top 3 gainers (highest increases 24h)
✅ Top 3 losers (stronger drops 24h)
✅ Market cap, 24h volume, percentage changes
✅ Ranking by market capitalization
🎨 User interface

✅ Modern design with Material-UI
✅ 100% responsive interface (mobile, tablet, desktop)
✅ Intuitive visual indicators (green/red, icons)
✅ Informative tooltips on charts
✅ Fluid and professional animations
✅ Elegant missing data management (N/A)
🔧 Technique

✅ TypeScript for a type-safe code
✅ Custom hooks for reusability
✅ Optimized state management with React hooks
✅ Modular and maintainable architecture
✅ Reusable components

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