How shiponislam818-cmyk/smart_dokan works
Dokan is a shop-management frontend whose documented workflow covers sign-in, sales and purchases that update stock, and customer credit and payments that update balances. The React store loads and mutates API data; adapters translate API records for the UI. The README also documents dashboard, inventory, reporting, alerts and settings capabilities, but their route implementations are not present in the supplied tree, so those branches are shown at the available src directory level. Edges reflect sampled calls or README statements; unsampled route wiring is omitted.
Main entry points: AuthContext.jsx Authentication state · StoreContext.jsx Shop data store · Sidebar.jsx Navigation · Topbar.jsx Top bar
Components 20
App experience
- App shell
src/components/layout/AppLayout.jsx - Navigation
src/components/layout/Sidebar.jsx - Top bar
src/components/layout/Topbar.jsx - Sign in
src - Invoice modal
src/components/ui/InvoiceModal.jsx - Modal UI
src/components/ui/Modal.jsx
Shop workflows
- Dashboard
src - Inventory
src - Sales and invoices
src - Purchases
src - Customer credit
src - Notifications
src - Shop settings
src
Data and services
- Authentication state
src/context/AuthContext.jsx - Shop data store
src/context/StoreContext.jsx - API adapters
src/lib/adapters.js - API client
src/lib/api.js - Toast feedback
src/context/ToastContext.jsx
Other components
- Shop operator
- Dokan API
Connections 24
- Shop operator → Sign in: signs in
README.md - Sign in → Authentication state: authenticates
src/context/StoreContext.jsx - Authentication state → API client: requests auth
src/context/AuthContext.jsx - Authentication state → API adapters: maps user
src/context/AuthContext.jsx - Authentication state → Toast feedback: reports session end
src/context/AuthContext.jsx - App shell → Navigation: renders
src/components/layout/AppLayout.jsx - App shell → Top bar: renders
src/components/layout/AppLayout.jsx - Navigation → Authentication state: reads session
src/components/layout/Sidebar.jsx - Navigation → Shop data store: reads shop state
src/components/layout/Sidebar.jsx - Top bar → Authentication state: reads session
src/components/layout/Topbar.jsx - Top bar → Shop data store: searches shop data
src/components/layout/Topbar.jsx - Shop data store → API client: loads and mutates
src/context/StoreContext.jsx - Shop data store → API adapters: maps records
src/context/StoreContext.jsx - API client → Dokan API: sends requests
README.md - Shop operator → Dashboard: views metrics
README.md - Shop operator → Inventory: manages stock
README.md - Shop operator → Sales and invoices: records sales
README.md - Shop operator → Purchases: records purchases
README.md - Shop operator → Customer credit: settles dues
README.md - Shop operator → Notifications: reviews alerts
README.md - Shop operator → Shop settings: configures shop
README.md - Shop operator → Invoice modal: prints invoice
src/components/ui/InvoiceModal.jsx - Invoice modal → Modal UI: uses
src/components/ui/InvoiceModal.jsx - Invoice modal → Shop data store: reads settings
src/components/ui/InvoiceModal.jsx