Kirana Shop Accounting Web App

Title: Build Single-File HTML Business Accounting Web App for Indian Kirana Shops

Overview:
I need a developer to create a responsive, offline-ready accounting web app for small Indian shop owners (kirana, retail, general stores). The app should be simple, mobile-first, and easy to use for semi-literate shopkeepers.

Tech Stack Requirements:

Pure HTML, CSS, Vanilla JS (no frameworks)

Chart.js via CDN for charts

Google Fonts: DM Sans + DM Serif Display

localStorage for data persistence

Fully responsive (mobile + desktop)

PWA-ready (works offline)

Color Theme:

Background: #f5f7f6

Sidebar: #2e7d32 (forest green)

Buttons: #f4c430 (gold), dark text

Cards: #ffffff

Accent: #2e7d32

Error/Loss: #c62828

Warning: #e65100

Pages / Sections:

Dashboard (metrics, today summary, recent sales, analytics bars)

Sales Entry (form, profit preview, sales table)

Invoice (create bill, print/PDF, invoice history)

Stock (add/update stock, low stock alerts, stock level bars)

Reports (date filter, product breakdown, loss analysis)

Charts (daily profit, top products, revenue vs cost, P/L pie)

Pricing (Free ₹0, Pro ₹49/month)

Profile (shop details, GST, save to localStorage)

Features:

Sidebar navigation (collapsible on mobile)

Dark mode toggle (saved to localStorage)

Multi-language support (Hindi + English + 2–3 regional languages. Indian languages)

Global search across sales

Auto stock deduction on sale entry

Profit/loss preview while typing

Low stock + out of stock alerts

CSV export for sales and reports

Invoice print/PDF via window.print()

Edit and delete for sales and stock

Toast notifications

Profit/loss row color coding in tables

Extra Features:

Razorpay UPI payment button integration

WhatsApp share button on invoice

GST calculation (18%) toggle on invoice

Multi-user login with PIN

Barcode scanner input support

UI Style:

Font: DM Sans (body), DM Serif Display (headings/numbers)

Cards with subtle green shadow

Metric cards with colored left border + hover lift

Pill badges for status (green/red/amber)

SVG checkmarks in pricing cards

Smooth transitions on interactive elements

Mobile hamburger menu with overlay

Sticky topbar with search, language, dark mode

Data:

Default sample products: Lays Chips, Parle-G, Maggi, Kurkure

localStorage keys: eh_sales, eh_stocks, eh_invoices, eh_profile

Ownership:
All code, designs, and deliverables will belong to me. Freelancer must agree to an NDA and ownership clause before starting.

Budget & Timeline:
Please propose your estimated cost and delivery time.