Project Description
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.