Skip to content

Samy-in/LenDen

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

12 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

LenDen

React Next.js TypeScript Tailwind CSS Vite shadcn/ui GSAP i18next Firebase Render Node.js Express.js MongoDB Redux Jest Cypress Docker AWS Git GitHub Actions

A comprehensive financial management application designed to empower users with tools for debt tracking, savings management, community investments, and expert financial advice. Built with a modular architecture to ensure scalability and maintainability.

๐Ÿ“น Prototype Video

Check out the prototype video to see the application in action:

Watch the Prototype Video

Click the badge above to watch the prototype video demonstration of LeinDen in action.

๐Ÿ–ผ๏ธ Application Gallery

Discover the core functionalities of LeinDen through our curated application previews:

Feature Preview
๐Ÿ  Homepage Homepage
๐Ÿ’ฐ Udhaari and Gullack Udhaari and Gullack
๐Ÿฆ Chit Fund Chit Fund
๐Ÿ’ก Advice Advice
๐Ÿ‘ค Profile Profile
๐Ÿท๏ธ Logo Logo

๐Ÿš€ Getting Started

Prerequisites

  • Node.js (version 16 or higher)
  • npm or yarn

Installation

npm install

Running the Application

npm run dev

The application will be available at http://localhost:5173 (default Vite port).

โœจ Features

๐Ÿ’ฐ UdhaariGullack Component

A comprehensive financial management module that helps users track and manage their lending and savings activities:

  • Udhaari Tab: Manages debt tracking with features like:

    • ๐Ÿ“Š Lending and borrowing records with priority levels (high, medium, low)
    • ๐Ÿ“… Due date tracking and visual indicators
    • ๐Ÿค– AI-powered suggestions for debt clearance (e.g., prioritizing high-priority debts)
    • ๐ŸŽฎ Gamification elements like debt clearing progress bars and visual rewards
  • Community Tab: Placeholder for community-related features and interactions

  • Gullack Tab: Savings management with:

    • ๐Ÿ’ธ Total savings overview with monthly growth tracking
    • ๐ŸŽฏ Savings goals tracking with progress bars and target deadlines
    • ๐Ÿ’ก AI saving tips (e.g., cost-saving suggestions like using monthly bus passes)
    • ๐Ÿท Visual savings accumulation animation

โš™๏ธ Settings Component

A comprehensive user settings and account management interface:

  • ๐Ÿ‘ค Profile Information: User profile editing with verification badges and account details
  • ๐Ÿ”— Linked Accounts: Integration with multiple financial accounts including:
    • ๐Ÿฆ Bank accounts (SBI, etc.)
    • ๐Ÿ’ณ UPI wallets (Google Pay)
    • ๐Ÿ’ฐ Digital wallets (Paytm)
    • ๐Ÿ”„ Account management and connection status
  • ๐ŸŒ Language & Voice Settings: Multi-language support with options for:
    • ๐Ÿ‡ฎ๐Ÿ‡ณ Hindi, English, Telugu, Tamil, Marathi, Sindhi
    • ๐ŸŽค Voice recognition training for enhanced accessibility
  • ๐Ÿ”’ Security & Privacy: Advanced security features including:
    • ๐Ÿ›ก๏ธ Two-factor authentication (2FA) management
    • ๐Ÿ”Š Voice biometrics for secure authentication
    • ๐Ÿ“ฑ App lock with PIN or biometric options
    • ๐Ÿ“‹ Privacy policy and data permissions
  • ๐Ÿ”” Notifications: Customizable notification preferences for:
    • ๐Ÿ’ธ Transaction alerts
    • โฐ Payment reminders
    • ๐ŸŽฏ Savings goal updates
    • ๐Ÿ’ก Expert financial advice tips

๐Ÿ“Š ModernDashboard Component

The main financial overview dashboard providing users with a comprehensive view of their finances:

  • ๐Ÿ‘๏ธ Balance Display: Secure balance viewing with show/hide functionality
  • ๐Ÿ“ˆ Quick Stats: Monthly income and expense summaries with visual indicators
  • ๐ŸŽฏ Budget Progress: Budget tracking with progress bars and remaining amount calculations
  • ๐Ÿ“ Recent Transactions: Transaction history with categorization and date tracking
  • โšก Quick Actions: Direct access to add transactions and set financial goals

๐Ÿ‘ฅ CommunityTab Component

Community-driven financial services and collective investment options:

  • ๐Ÿค Chit Fund Schemes: Various investment schemes with different durations:
    • ๐Ÿ“… 6, 9, 12, 18, and 24-month schemes
    • ๐Ÿ’ต Monthly contribution tracking and total amount calculations
    • ๐Ÿ“‹ Detailed scheme information including benefits, rules, and eligibility criteria
    • ๐Ÿ“– Interactive modals with comprehensive scheme details
  • โšก Quick Udhaari: Instant loan options with:
    • ๐ŸŽš๏ธ Adjustable loan amounts via sliders
    • ๐Ÿ’ฐ Interest rate calculations based on amount and repayment period
    • โฑ๏ธ Repayment period options (3, 6, 9, 12 months)
    • ๐Ÿงฎ Real-time total amount calculations including interest

๐Ÿง  ModernSalah Component

Expert financial advice and loan marketplace:

  • ๐Ÿ“Š Financial Health Score: Credit score display with progress tracking and improvement suggestions
  • ๐Ÿ‘จโ€๐Ÿ’ผ Expert Advisors: Directory of certified financial advisors including:
    • ๐ŸŽ“ Chartered Accountants (CA)
    • ๐Ÿ’ผ Financial Advisors
    • ๐Ÿ“‰ Debt Management Experts
    • โญ Rating, experience, and specialization details
    • ๐ŸŸข Availability status and pricing per minute
  • ๐Ÿฆ Loan Options: Comprehensive loan marketplace with:
    • ๐Ÿ›๏ธ Multiple providers (Banks, NBFCs, Fintech companies)
    • ๐Ÿ“ˆ Eligibility scoring and match percentages
    • ๐Ÿ’น Interest rates, processing times, and maximum amounts
    • ๐Ÿ” Feature comparisons and application options
  • ๐Ÿค– AI Recommendations: Intelligent financial advice including:
    • โšก Immediate action items for debt management
    • ๐Ÿ“ˆ Investment tips and goal planning suggestions
    • ๐Ÿ›ก๏ธ Personalized financial security recommendations

๐ŸŒ Internationalization Support

The application supports multiple Indian languages through internationalization (i18n):

  • ๐Ÿ‡ฌ๐Ÿ‡ง English
  • ๐Ÿ‡ฎ๐Ÿ‡ณ Hindi (เคนเคฟเค‚เคฆเฅ€)
  • ๐Ÿ‡ฎ๐Ÿ‡ณ Telugu (เฐคเฑ†เฐฒเฑเฐ—เฑ)
  • ๐Ÿ‡ฎ๐Ÿ‡ณ Tamil (เฎคเฎฎเฎฟเฎดเฏ)
  • ๐Ÿ‡ฎ๐Ÿ‡ณ Marathi (เคฎเคฐเคพเค เฅ€)
  • ๐Ÿ‡ฎ๐Ÿ‡ณ Sindhi (ุณู†ฺŒูŠ)

Language files are located in src/locales/ with translation keys for comprehensive localization.

๐Ÿ—๏ธ Modular Design Approach

The project follows a modular architecture with:

  • ๐Ÿงฉ Reusable UI components in src/components/ui/
  • ๐Ÿ“ Feature-based component organization
  • ๐Ÿ”ง Separation of concerns with dedicated modules for different functionalities
  • ๐ŸŽจ Consistent design system with shadcn/ui components
  • ๐Ÿ“ฑ Responsive design for mobile and desktop experiences

๐Ÿ› ๏ธ Technology Stack

  • โš›๏ธ Frontend: React with TypeScript
  • ๐ŸŽจ Styling: Tailwind CSS with custom gradients and animations
  • ๐Ÿงฉ UI Components: shadcn/ui component library
  • ๐ŸŒ Internationalization: react-i18next
  • โšก Build Tool: Vite
  • ๐ŸŽฏ Icons: Lucide React
  • ๐ŸŽญ Animations: Framer Motion (in CommunityTab)

๐Ÿ“š Resources

๐Ÿ‘ฅ Contributors

We'd like to thank the following contributors for their valuable contributions to LenDen:

Contributors

Contributor Role Contributions GitHub LinkedIn
๐Ÿ‘จโ€๐Ÿ’ป Aaditya Jaiswar Lead Developer Core architecture, React components GitHub LinkedIn
๐Ÿ‘ฉโ€๐ŸŽจ Samyak Dandge UI/UX Designer Design system, user experience GitHub LinkedIn
๐Ÿงช Shreyash Mane QA Engineer Testing, quality assurance GitHub LinkedIn
๐Ÿ“š Rutuja Katagi Technical Writer Documentation, user guides GitHub LinkedIn

About

LenDen - Personal Finance Management App ๐Ÿ’ฐ ๐Ÿ“‹ Project Overview LenDen is a ๐ŸŽค voice-first personal finance management app designed specifically for low-income households in India ๐Ÿ‡ฎ๐Ÿ‡ณ. The app combines traditional PFM features with innovative ๐ŸŽฎ

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 84.4%
  • CSS 15.5%
  • HTML 0.1%