personal-mentor-websitelisted

Build a personal brand / mentorship / coach / consultant website with owner-self-managed content (achievements, goals with task-progress, videos) via a password admin panel, a dark+gold animated hero with a 3D-model slot, social links, and optional booking + Bkash payments. Two stacks — simple (HTML/CSS/JS + Node/Express + JSON file) or full (Next.js + Prisma/Postgres + Cloudinary). Use when building or extending a personal/portfolio/mentorship site with an owner-editable content panel, visibility eye-toggles, calendar booking, or Bkash payment flow.
hellokianben-collab/vishal-agarwal-context · ★ 0 · Web & Frontend · score 60

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

# Personal / Mentorship Website Builder Playbook distilled from building Vishal Agarwal's mentorship site (two versions). Goal: a premium personal-brand site where the owner manages all content themselves through an admin panel — "Facebook-style posting, but custom." ## 0. Ask first (only if unclear) Blocking forks worth one batched question: (1) stack — simple vs full, (2) payment — none / manual Bkash TrxID / Bkash PGW API, (3) booking — none / form / calendar slots, (4) media storage — JSON+local / Cloudinary / DB. Pick sensible defaults and state them rather than over-asking. ## 1. Pick the stack - **Simple** (default for "normal website html css js + node backend"): static HTML/CSS/JS front end, Node + Express back end, content in `data.json` (no DB), uploads to `/uploads`, single-password cookie auth. Runs with `npm start`. Best when user wants something they can read/run easily, no payment/scheduling. - **Full**: Next.js 14 App Router + TS + Tailwind + shadcn + framer-motion + react-three-fiber + Prisma/Postgres + Cloudinary + jose JWT. Deploys to Railway. Use when they need real database, bookings, payments, scale. Match the user's words. "Like a normal website with html css js" → simple. Don't over-engineer. ## 2. Core features (both stacks) - **Hero** with a 3D-model slot. Until a real `.glb` exists, show the owner's photo (full stack also has an animated r3f placeholder). Mark the slot (`data-model-slot="true"`) so it's swappable later. - **About