Jawadi Finances app

Key Features

• Collaborative budgeting with custom spending limits
• Secure user authentication and protected routes
• Dashboard with interactive charts for income and expenses
• Monthly and yearly spending insights
• Full CRUD for transactions and budgets
• Categorized filtering by store, type, and payment method
• Calendar view for daily expense tracking
• Metadata management: categories, payment types, stores
• Server-side validation with Express and PostgreSQL
• Role-based access for household financial collaboration
• Demo login: test@coderduo.com / Test@123

Problems

• Includes too many unnecessary or complex features
• Requires payment or subscriptions for basic access
• Does not allow full access or export of user data
• Lacks cross-device accessibility for families or couples
• Does not support personalized budgeting workflows
• Feels bloated or overly rigid for simple budgeting needs

My Roles

UX Designer,Frontend Developer,Backend Developer, Database Manager

UX Designer

• Designed clean, user-friendly interfaces for budgeting and expense tracking flows.
• Created wireframes and high-fidelity prototypes to streamline user experience.
• Iterated on layouts and user flows based on feedback from real-life usage.
• Focused on simplicity and clarity to avoid overwhelming the user with features.

Frontend Developer

• Built reusable React components with TypeScript based on the design system.
• Implemented responsive layouts for mobile, tablet, and desktop views.
• Handled state management and UI updates for transactions, budgets, and filters.
• Integrated frontend with backend APIs for user authentication and data transmission

Backend Developer

• Developed RESTful APIs using Node.js and Express for handling transactions, budgets, and authentication.
• Structured backend using the Model-View-Controller (MVC) pattern to ensure modularity and maintainable code.
• Defined clear separation between business logic, routing, and data access layers.
• Implemented validation and error handling for all routes to ensure secure data flow.
• Managed user sessions and route protection to safeguard sensitive financial data.
• Collaborated with frontend to define clear API contracts and data shapes.

Database Manager

• Designed PostgreSQL schema to support users, transactions, categories, budgets, and metadata.
• Handled database relationships and foreign keys to maintain data integrity.
• Wrote SQL queries and functions to handle heavy financial calculations like monthly totals, budget utilization, and category breakdowns.
• Optimized database performance to support real-time data visualization and smooth user experience.

Technologies Used