BankSheet.ai - Code Documentation

Architecture Overview

Frontend Stack

  • React - Main UI framework
  • Tailwind CSS - Styling system
  • Framer Motion - Animations
  • Lucide React - Icons
  • Stripe.js - Payment processing

Key Files

Pages

  • Home.js - Main landing page
  • Dashboard.js - User dashboard
  • Pricing.js - Subscription plans
  • AdminDashboard.js - Admin panel

Components

  • UploadZone.jsx - File upload
  • ProcessingStatus.jsx - Progress
  • ConversionResults.jsx - Results
  • UpgradeModal.jsx - Subscription

Functions

  • createCheckoutSession.js
  • stripeWebhook.js
  • verifyPayment.js
  • createPortalSession.js

Entities

  • User.json - User data
  • Conversion.json - Processing
  • BlogPost.json - Content

Core Features

  • Bank statement PDF/image to Excel/CSV conversion
  • Free tier (3 conversions/day) and Pro subscription
  • Google OAuth authentication
  • Stripe payment processing
  • AI-powered blog content generation
  • Admin dashboard for user management

Note: This is a simplified documentation view. For complete code details, access the individual files in the application structure.