Snapdo — Web Frontend
Turn WhatsApp order chaos into structured orders and GST invoices. Built for kiranas, distributors, and tiffin services across India.
🏆 1st prize — Build for India track, Devfolio (Feb 2026)
What it does
Indian businesses take hundreds of orders a day over WhatsApp — in Hinglish, voice notes, informal shorthand. Snapdo reads those messages, pulls out the order, and generates a GST-compliant invoice in under 30 seconds.
No workflow changes. No training. Just paste the chat.
Running locally
1. Clone and install
git clone <repo-url>
cd snapdo-web
npm install
2. Add your keys
Create a .env.local file:
VITE_API_BASE_URL=http://localhost:3000/api
VITE_CLERK_PUBLISHABLE_KEY=pk_test_...
Get your Clerk key from dashboard.clerk.com.
3. Start
npm run dev
App runs at http://localhost:5173.
Stack
- React + Vite — frontend framework
- Tailwind CSS 4 — styling
- Clerk — auth
- React Router 7 — routing
- Sonner — toast notifications
- Framer Motion — animations
Project structure
src/
components/ Shared UI (Button, Input, layouts, etc.)
hooks/ useApi — authenticated API calls with Clerk token
lib/ apiFetch, types
pages/
public/ Marketing site (landing, features, pricing, about…)
auth/ Clerk sign-in / sign-up wrappers
onboarding/ First-login setup
app/ Dashboard, Extract, Orders, Order detail
legal/ Privacy, Terms, Cookies, etc.
errors/ 404, 500, Maintenance
Contact
Built solo by Swayam Mishra
[email protected]
Product email: [email protected]