kianben-weblisted

Project context + working guide for the KiAnben website (kianben.com) — a Bangladeshi shared-import community site: an HTML/CSS/JS frontend served by an Express server, data in Neon Postgres (prod) / a JSON file (local dev), deployed on Vercel serverless. Load this whenever the user works on KiAnben, kianben.com, "the import site", the book shop / book orders, bKash/Nagad payments, the member sign-in / admin panel, or anything in the Desktop/claude/kianben.web folder — it carries the architecture, file map, deploy/env setup, data model, conventions, and open TODOs so a fresh conversation can continue without re-deriving everything. Use it even for vague asks like "fix the site", "the orders aren't showing", "change the book price", "it looks broken on my phone", "the animations load late", or "deploy my changes" — it also carries the responsive/nav/scroll-reveal and gold-vs-cyan rules that must not be regressed. For the generic Vercel-serverless mechanics it relies on, see the companion skill `vercel-node-ser
hellokianben-collab/vishal-agarwal-context · ★ 0 · Web & Frontend · score 60

Install: claude install-skill hellokianben-collab/vishal-agarwal-context

# KiAnben website — project context & working guide KiAnben is a Bangladesh shared-import community site + a small e-commerce/admin app. This skill is the durable memory of how it's built so work can continue in a new conversation. For the *why* behind the Vercel serverless patterns below, read the companion skill **`vercel-node-serverless`** (same author, extracted from this same project). ## Identity & locations | Thing | Value | |---|---| | Local path | `C:\Users\Susanta Podder\Desktop\claude\kianben.web` | | Live site | https://kianben.com (apex live; **`www` not configured**) | | Vercel alias | `kianbenweb.vercel.app` | | Vercel team / project | scope `susanta-podders-projects` / project `kianben.web` | | GitHub | `https://github.com/hellokianben-collab/kianben.web.git` — **no push access from this account**, so deploys are CLI uploads, not git-push | | Local dev | `npm run dev` (nodemon) on port 3000; preview via `.claude/launch.json` server name `kianben-dev` | ## Stack & architecture - **Frontend:** single `index.html` (~1000 lines) + `styles.css` + `main.js`, dark "Deep Harbor" glass theme, no framework, Google Fonts only. Admin is a separate SPA: `admin.html` + `admin.css` + `admin-panel.js`. - **Backend:** Express `server.js` exports the app (guarded `app.listen` for local only); routes under `route-*.js`. `vercel.json` bundles it as one `@vercel/node` function with `includeFiles` for static assets + `kianben.json`. - **Data — dual-mode, the important