A comprehensive fintech application empowering Indian users with intuitive debt tracking, smart savings, community investments, and AI-powered financial advice โ all accessible through voice in multiple Indian languages.
Features โข Tech Stack โข Screenshots โข Getting Started โข Architecture โข i18n โข Contributors
Click above to watch LenDen in action โ see the complete user flow from onboarding to financial management.
%%{init: {'theme': 'dark', 'themeVariables': { 'primaryColor': '#e94560', 'primaryTextColor': '#ffffff', 'primaryBorderColor': '#0f3460', 'lineColor': '#16213e', 'secondaryColor': '#16213e', 'tertiaryColor': '#1a1a2e', 'fontFamily': 'Fira Code', 'fontSize': '14px'}}}%%
flowchart TB
subgraph CORE["๐ LenDen Ecosystem"]
direction TB
HOME["๐ Smart Dashboard\nโโโโโโโโโโโโโ\nBalance โข Stats โข Budget\nTransactions โข Quick Actions"]
end
subgraph FINANCE["๐ Financial Modules"]
direction LR
UD["๐ฐ Udhaari\nโโโโโโโโโโโ\nโข Debt Ledger\nโข Priority Tracking\nโข AI Clearance Tips\nโข Gamification"]
GU["๐ท Gullack\nโโโโโโโโโโโ\nโข Savings Overview\nโข Goal Tracking\nโข AI Saving Tips\nโข Coin Animation"]
CO["๐ค Community\nโโโโโโโโโโโ\nโข Chit Fund Schemes\nโข Quick Udhaari\nโข Multi-Provider\nโข EMI Calculator"]
SA["๐ง Salah\nโโโโโโโโโโโ\nโข Health Score\nโข Expert Advisors\nโข Loan Marketplace\nโข AI Recommendations"]
end
subgraph INFRA["โก Infrastructure Layer"]
direction LR
VO["๐ค Voice Engine\nMultilingual NLP"]
I18["๐ i18n Layer\n6 Indian Languages"]
AI["๐ค AI Engine\nSmart Suggestions"]
SEC["๐ Security\n2FA + Biometrics"]
end
CORE --> FINANCE
FINANCE --> INFRA
style CORE fill:#e94560,stroke:#e94560,color:#fff
style FINANCE fill:#0f3460,stroke:#0f3460,color:#fff
style INFRA fill:#16213e,stroke:#16213e,color:#fff
style HOME fill:#1a1a2e,stroke:#e94560,color:#fff
style UD fill:#1a1a2e,stroke:#e94560,color:#fff
style GU fill:#1a1a2e,stroke:#e94560,color:#fff
style CO fill:#1a1a2e,stroke:#e94560,color:#fff
style SA fill:#1a1a2e,stroke:#e94560,color:#fff
style VO fill:#1a1a2e,stroke:#16213e,color:#fff
style I18 fill:#1a1a2e,stroke:#16213e,color:#fff
style AI fill:#1a1a2e,stroke:#16213e,color:#fff
style SEC fill:#1a1a2e,stroke:#16213e,color:#fff
"Your personal debt ledger, reimagined with AI and gamification."
%%{init: {'theme': 'dark', 'themeVariables': { 'primaryColor': '#e94560', 'fontFamily': 'Fira Code'}}}%%
flowchart LR
A["๐ Add Debt\nLend or Borrow"] --> B["๐ท๏ธ Set Priority\n๐ด High ๐ก Med ๐ข Low"]
B --> C["๐
Track Due Date\nVisual Countdown"]
C --> D["๐ค AI Suggests\nClearance Order"]
D --> E["โ
Clear Debt\n๐ฎ Earn Rewards"]
E --> F["๐ Level Up!\nProgress Journey"]
style A fill:#1a1a2e,stroke:#e94560,color:#fff
style B fill:#1a1a2e,stroke:#e94560,color:#fff
style C fill:#1a1a2e,stroke:#0f3460,color:#fff
style D fill:#1a1a2e,stroke:#0f3460,color:#fff
style E fill:#1a1a2e,stroke:#16213e,color:#fff
style F fill:#e94560,stroke:#e94560,color:#fff
|
Track every lending and borrowing transaction with intelligent priority levels:
Visual countdown indicators that change color as deadlines approach, with automated push notifications for upcoming payments. |
The AI engine analyzes your debts and recommends the optimal clearance order:
|
"Watch your digital piggy bank grow coin by coin, guided by AI."
%%{init: {'theme': 'dark', 'themeVariables': { 'primaryColor': '#0f3460', 'fontFamily': 'Fira Code'}}}%%
flowchart LR
A["๐ต Set Goal\nEmergency โข Phone\nFestival โข Custom"] --> B["๐ฐ Add Money\nManual or Auto"]
B --> C["๐ Track Growth\n+โน2,500/month"]
C --> D["๐ก AI Tips\nSave โน400/month"]
D --> E["๐ท Watch Fill\nCoin Animation"]
E --> F["๐ Goal Hit!\nโน50,000 Reached"]
style A fill:#1a1a2e,stroke:#0f3460,color:#fff
style B fill:#1a1a2e,stroke:#0f3460,color:#fff
style C fill:#1a1a2e,stroke:#16213e,color:#fff
style D fill:#1a1a2e,stroke:#16213e,color:#fff
style E fill:#1a1a2e,stroke:#e94560,color:#fff
style F fill:#0f3460,stroke:#0f3460,color:#fff
|
Real-time overview showing โน30,700 saved with:
|
Personalized suggestions that actually save money:
A delightful visual experience as your savings grow: Each coin lights up golden as you hit 10% milestones, creating a satisfying sense of progress. |
"Collective financial power, digitized and made transparent for everyone."
%%{init: {'theme': 'dark', 'themeVariables': { 'primaryColor': '#16213e', 'fontFamily': 'Fira Code'}}}%%
flowchart TB
subgraph CHIT["๐ Chit Fund Schemes"]
direction LR
C6["6 Months\nโน1,000/mo"] --- C9["9 Months\nโน1,500/mo"] --- C12["12 Months\nโน2,000/mo"]
C18["18 Months\nโน2,500/mo"] --- C24["24 Months\nโน3,000/mo"]
end
subgraph LOAN["โก Quick Udhaari Engine"]
direction LR
L1["๐๏ธ Adjust Amount\nSlider Control"] --> L2["๐ Calculate\nInterest Rate"]
L2 --> L3["โฑ๏ธ Pick Tenure\n3/6/9/12 months"]
L3 --> L4["๐ฐ See Total\nReal-time EMI"]
end
subgraph PROV["๐ฆ Loan Providers"]
direction LR
P1["PaySense\n๐ข 85% Match\nFin"]
P2["HDFC Bank\n๐ก 65% Match\nBank"]
P3["Bajaj Finance\n๐ข 78% Match\nNBFC"]
end
CHIT --> LOAN
LOAN --> PROV
style CHIT fill:#0f3460,stroke:#0f3460,color:#fff
style LOAN fill:#16213e,stroke:#16213e,color:#fff
style PROV fill:#1a1a2e,stroke:#1a1a2e,color:#fff
style C6 fill:#1a1a2e,stroke:#e94560,color:#fff
style C9 fill:#1a1a2e,stroke:#e94560,color:#fff
style C12 fill:#1a1a2e,stroke:#e94560,color:#fff
style C18 fill:#1a1a2e,stroke:#e94560,color:#fff
style C24 fill:#1a1a2e,stroke:#e94560,color:#fff
style L1 fill:#1a1a2e,stroke:#0f3460,color:#fff
style L2 fill:#1a1a2e,stroke:#0f3460,color:#fff
style L3 fill:#1a1a2e,stroke:#0f3460,color:#fff
style L4 fill:#1a1a2e,stroke:#0f3460,color:#fff
style P1 fill:#1a1a2e,stroke:#16213e,color:#fff
style P2 fill:#1a1a2e,stroke:#16213e,color:#fff
style P3 fill:#1a1a2e,stroke:#16213e,color:#fff
|
Choose from 5 investment cycles tailored to Indian community finance:
Each scheme includes detailed benefits, rules, eligibility, and interactive modals. |
Micro-loan engine with real-time calculations:
|
"Certified experts and AI intelligence, both at your fingertips."
%%{init: {'theme': 'dark', 'themeVariables': { 'primaryColor': '#e94560', 'fontFamily': 'Fira Code'}}}%%
flowchart TB
subgraph SCORE["๐ Financial Health Engine"]
direction LR
S1["๐ Analyze Debts\n& Savings"] --> S2["๐ Calculate Score\n720 / 850"]
S2 --> S3["๐ท๏ธ Rate: GOOD\n๐ข Above Average"]
S3 --> S4["๐ก Improvement\nSuggestions"]
end
subgraph EXPERT["๐จโ๐ผ Expert Advisory Network"]
direction LR
E1["๐ CA Rajesh Kumar\nโญ 4.8 โข Tax Planning\n๐ข Available"]
E2["๐ผ Priya Mehta\nโญ 4.6 โข Investments\n๐ด Busy"]
E3["๐ Dr. Amit Sharma\nโญ 4.9 โข Debt Mgmt\n๐ข Available"]
end
subgraph AIENG["๐ค AI Recommendation Engine"]
direction LR
A1["โก URGENT\nClear โน800\nKirana Debt"]
A2["๐ INVEST\nStart โน500/mo\nELSS SIP"]
A3["๐ก๏ธ PROTECT\nBuild โน1L\nEmergency Fund"]
end
SCORE --> EXPERT
SCORE --> AIENG
style SCORE fill:#0f3460,stroke:#0f3460,color:#fff
style EXPERT fill:#16213e,stroke:#16213e,color:#fff
style AIENG fill:#1a1a2e,stroke:#e94560,color:#fff
style S1 fill:#1a1a2e,stroke:#0f3460,color:#fff
style S2 fill:#1a1a2e,stroke:#0f3460,color:#fff
style S3 fill:#1a1a2e,stroke:#0f3460,color:#fff
style S4 fill:#1a1a2e,stroke:#0f3460,color:#fff
style E1 fill:#1a1a2e,stroke:#16213e,color:#fff
style E2 fill:#1a1a2e,stroke:#16213e,color:#fff
style E3 fill:#1a1a2e,stroke:#16213e,color:#fff
style A1 fill:#e94560,stroke:#e94560,color:#fff
style A2 fill:#0f3460,stroke:#0f3460,color:#fff
style A3 fill:#16213e,stroke:#16213e,color:#fff
|
Your credit-worthiness at a glance: Connect with certified financial professionals:
|
One-click deep dive into any loan provider:
|
"Speak naturally in your mother tongue โ LenDen understands."
%%{init: {'theme': 'dark', 'themeVariables': { 'primaryColor': '#0f3460', 'fontFamily': 'Fira Code'}}}%%
sequenceDiagram
participant U as ๐ฃ๏ธ User
participant V as ๐ค Voice Engine
participant N as ๐ง NLP Processor
participant A as ๐ฑ LenDen App
U->>V: "เคฎเฅเคเคจเฅ เคเคพเคฏ เคชเคฐ 20 เคฐเฅเคชเคฏเฅ เคเคฐเฅเค เคเคฟเค"
activate V
V->>N: Raw audio transcript
activate N
Note over N: Stage 1: Understanding words...
N->>N: Stage 2: Analyzing transaction...
N->>A: Stage 3: Adding to account...
deactivate N
activate A
A-->>U: โ
Added: โ Tea โ โน20 (Food)
deactivate A
deactivate V
Note over U,A: ๐ Transaction logged in 3 seconds!
|
Speak naturally in Hindi, English, or any supported language: |
Pre-built voice command templates appear as tappable chips, making it easy for first-time users. |
%%{init: {'theme': 'dark', 'themeVariables': { 'primaryColor': '#16213e', 'fontFamily': 'Fira Code'}}}%%
mindmap
root((โ๏ธ Settings))
๐ค Profile
Verification Badges
Account Details
Edit Information
๐ Linked Accounts
๐ฆ SBI Bank
๐ณ Google Pay
๐ฐ Paytm Wallet
๐ Language & Voice
6 Indian Languages
Voice Training
Dialect Selection
๐ Security
Two-Factor Auth
Voice Biometrics
PIN / Biometric Lock
Privacy Controls
๐ Notifications
Transaction Alerts
Payment Reminders
Savings Updates
Expert Tips
๐ฆ Full Dependency Tree (click to expand)
| Category | Package | Version |
|---|---|---|
| Core | react |
^18.3.1 |
react-dom |
^18.3.1 | |
react-router-dom |
^7.9.3 | |
| UI Library | @radix-ui/* |
Various (20+ primitives) |
class-variance-authority |
^0.7.1 | |
clsx + tailwind-merge |
Latest | |
cmdk |
^1.1.1 | |
| Animation | gsap |
^3.13.0 |
framer-motion |
^12.23.22 | |
| Charts | recharts |
^2.15.2 |
| Forms | react-hook-form |
^7.64.0 |
@hookform/resolvers |
^5.2.2 | |
zod |
^4.1.11 | |
| i18n | i18next |
^25.5.3 |
react-i18next |
^16.0.0 | |
| Other | embla-carousel-react |
^8.6.0 |
input-otp |
^1.4.2 | |
react-day-picker |
^8.10.1 | |
react-resizable-panels |
^2.1.7 | |
sonner |
^2.0.3 | |
vaul |
^1.1.2 | |
| Build | vite |
6.3.5 |
@vitejs/plugin-react-swc |
^3.10.2 |
![]() ๐ Dashboard |
![]() ๐ฐ Udhaari & Gullack |
![]() ๐ฆ Community Chit Funds |
![]() ๐ง Salah (Advice) |
![]() ๐ค User Profile |
![]() ๐ท๏ธ Brand Identity |
|
# Clone the repository
git clone https://github.com/your-username/LenDen.git
# Navigate to the project directory
cd LenDen
# Install dependencies
npm install# Start development server
npm run dev๐ The app will be available at
http://localhost:3000(configured invite.config.ts)
# Create optimized production build
npm run build๐ Build output is generated in the
build/directory
LenDen/
โโโ ๐ index.html # Entry point
โโโ ๐ฆ package.json # Dependencies & scripts
โโโ โ๏ธ vite.config.ts # Vite build config + aliases
โ
โโโ ๐ src/
โ โโโ ๐ main.tsx # App bootstrap
โ โโโ ๐ฑ App.tsx # Main app (1490 lines, all pages)
โ โโโ ๐ฌ AppGSAP.tsx # GSAP-animated variant with i18n
โ โโโ ๐ i18n.ts # i18next configuration
โ โโโ ๐จ index.css # Global styles + Tailwind
โ โ
โ โโโ ๐ components/
โ โ โโโ ๐ ModernDashboard.tsx # Financial overview dashboard
โ โ โโโ ๐ฐ ModernUdhaariGullack.tsx # Debt & savings manager
โ โ โโโ ๐ค CommunityTab.tsx # Chit funds & quick loans
โ โ โโโ ๐ง ModernSalah.tsx # Expert advice & loan marketplace
โ โ โโโ โ๏ธ ModernSettings.tsx # Settings with linked accounts
โ โ โโโ ๐ค ModernVoiceInput.tsx # Voice transaction input
โ โ โโโ ๐ Onboarding.tsx # New user onboarding flow
โ โ โโโ ๐ ModernPremium.tsx # Premium features module
โ โ โโโ ๐ ModernLayout.tsx # Responsive app layout
โ โ โ
โ โ โโโ ๐ ui/ # 49 shadcn/ui components
โ โ โโโ button.tsx, card.tsx, dialog.tsx ...
โ โ โโโ tabs.tsx, badge.tsx, progress.tsx ...
โ โ โโโ chart.tsx, carousel.tsx, sidebar.tsx ...
โ โ
โ โโโ ๐ locales/ # Translation files
โ โ โโโ ๐ฌ๐ง en.json
โ โ โโโ ๐ฎ๐ณ hi.json (+ te, ta, mr, sd)
โ โ
โ โโโ ๐ styles/ # Additional stylesheets
โ โโโ ๐ mockups/ # Design mockups
โ โโโ ๐ guidelines/ # Design guidelines
โ
โโโ ๐ public/ # Static assets
โโโ ๐ผ๏ธ homepage.jpg, profile.jpg, etc.
โโโ ๐น prototype.mp4
โโโ ๐จ logo.jpg, pfp.png
%%{init: {'theme': 'dark', 'themeVariables': { 'primaryColor': '#e94560', 'primaryTextColor': '#ffffff', 'primaryBorderColor': '#0f3460', 'lineColor': '#e94560', 'secondaryColor': '#16213e', 'tertiaryColor': '#1a1a2e', 'fontFamily': 'Fira Code'}}}%%
graph TD
A["main.tsx"] --> B["App.tsx"]
B --> C["๐ Home Dashboard"]
B --> D["๐ฐ Udhaari/Gullack"]
B --> E["๐ค Community Tab"]
B --> F["๐ง Salah Advice"]
B --> G["โ๏ธ Settings"]
C --> H["Balance Card"]
C --> I["Quick Stats"]
C --> J["Budget Progress"]
C --> K["Transactions"]
D --> L["Debt Tracker"]
D --> M["Savings Goals"]
D --> N["AI Suggestions"]
E --> O["Chit Schemes"]
E --> P["Quick Udhaari Loans"]
F --> Q["Health Score"]
F --> R["Expert Advisors"]
F --> S["Loan Marketplace"]
F --> T["AI Recommendations"]
B --> U["๐ค Voice Input Modal"]
B -.-> V["AppGSAP.tsx โ GSAP Variant"]
style A fill:#e94560,color:#fff
style B fill:#0f3460,color:#fff
style C fill:#16213e,color:#fff
style D fill:#16213e,color:#fff
style E fill:#16213e,color:#fff
style F fill:#16213e,color:#fff
style G fill:#16213e,color:#fff
LenDen is built for India's linguistic diversity with full i18n support:
| Language | Flag | Code | Status |
|---|---|---|---|
| English | ๐ฌ๐ง | en |
โ Complete |
| Hindi (เคนเคฟเคเคฆเฅ) | ๐ฎ๐ณ | hi |
โ Complete |
| Telugu (เฐคเฑเฐฒเฑเฐเฑ) | ๐ฎ๐ณ | te |
๐ In Progress |
| Tamil (เฎคเฎฎเฎฟเฎดเฏ) | ๐ฎ๐ณ | ta |
๐ In Progress |
| Marathi (เคฎเคฐเคพเค เฅ) | ๐ฎ๐ณ | mr |
๐ In Progress |
| Sindhi (ุณฺูู) | ๐ฎ๐ณ | sd |
๐ In Progress |
๐ Translation files located in
src/locales/โข Powered by react-i18next
| Principle | Implementation |
|---|---|
| ๐ฏ Mobile-First | Optimized for smartphones with max-w-md responsive layout |
| ๐จ Gradient-Rich UI | Layered gradients with glassmorphism effects throughout |
| โจ Micro-Animations | GSAP scroll triggers + Framer Motion page transitions |
| โฟ Accessibility | Voice-first design for users with limited literacy |
| ๐งฉ Component System | 49 shadcn/ui primitives for consistent design language |
| ๐ฎ๐ณ Culturally Aware | Indian financial terminology (Udhaari, Gullack, Salah) |
| Aaditya Jaiswar | Samyak Dandge | Shreyash Mane | Rutuja Katagi |
| Core Architecture & Components | Design System & UX | Testing & QA | Documentation & Guides |
This project is licensed under the MIT License โ see the LICENSE file for details.
MIT License โข Copyright (c) 2025 Aaditya Jaiswar





