Portfolio Details
Project information
About the System
SisFinanรงa - Complete Financial Management System
Robust web-based financial management system optimized for personal finance control. Developed with modern technologies (Node.js, React, PostgreSQL), offering a complete and intuitive interface with mobile-first approach and PWA support.
๐ฑ Mobile-First PWA!
Progressive Web App with offline support, optimized for mobile devices with native app-like experience.
Progressive Web App with offline support, optimized for mobile devices with native app-like experience.
๐ Main Features
User Authentication
- Secure registration and login
- JWT token-based authentication
- Protected routes
- Password recovery system
- Session management
- Multi-device support
Interactive Dashboard
- Financial overview at a glance
- Income and expense charts
- Category breakdown
- Featured financial goals
- Real-time balance updates
- Monthly comparisons
Transaction Management
- Income and expense registration
- Category organization
- Advanced filters
- Complete transaction history
- Recurring transactions
- Bulk operations
Category Management
- Custom category creation
- Personalized colors
- Budget per category
- Spending limits
- Category-based reports
- Icon customization
โจ Advanced Features
- ๐ฏ Define financial objectives
- ๐ Progress tracking with visual indicators
- ๐ Deadlines and milestones
- โญ Priority levels
- ๐ Notifications for approaching goals
- ๐ฐ Automatic savings calculations
Detailed Analysis:
- Period-based reports
- Interactive charts (Chart.js)
- Category comparisons
- Trend analysis
Financial Insights:
- Spending patterns
- Budget vs actual
- Cash flow analysis
- Data export (Excel/PDF)
- ๐ JWT authentication
- ๐ Bcrypt password encryption
- ๐ก๏ธ CSRF protection
- โ Input validation (Formik + Yup)
- ๐งน Data sanitization
- ๐ Secure API endpoints
- ๐ฑ Responsive design for all devices
- ๐ Progressive Web App capabilities
- โก Fast loading and performance
- ๐ด Offline mode support
- ๐ Add to home screen
- ๐ Push notifications
๐ ๏ธ Technology Stack
Backend
Node.jsExpress
Sequelize ORM
JWT & Bcrypt
Frontend
ReactRedux Toolkit
Material-UI
Chart.js
Database
PostgreSQLSequelize
Migrations
Seeders
Tools
Formik + YupAxios
NPM/Yarn
Git
๐ฆ Installation Guide
Backend Setup
cd backend
npm install
# Configure .env file
PORT=5000
JWT_SECRET=your_secret_key
DB_HOST=localhost
DB_USER=postgres
DB_PASS=your_password
DB_NAME=sisfinanca
DB_PORT=5432
# Run migrations
npx sequelize-cli db:migrate
# Start server
npm run dev
Frontend Setup
cd frontend
npm install
# Start application
npm start
# Build for production
npm run build
๐ป System Requirements
- Node.js (v14 or higher)
- PostgreSQL (v12 or higher)
- NPM or Yarn
- Modern web browser
- 4GB RAM minimum
๐จ UI/UX Features
- Material-UI components
- Responsive design
- Dark/Light theme support
- Smooth animations
- Intuitive navigation
- Accessibility compliant