Creative Blog Platform

Appearance

Step 0 Pre-Check: Project Type Detection ​

Detected Project Type ​

Primary Type: Full-Stack MERN Platform with 3D Spatial Canvas & Kinetic UI (React 19 + Three.js / React Three Fiber + Node.js / Express + MongoDB / Mongoose + Cloudinary) Sub-Category: Next-Generation Creative Publishing Engine, Interactive 3D WebGL Mesh Animation, Lenis Inertial Scrolling, Micro-Physics Cursor Interactivity.

Evidence ​

  • Frontend Core: React 19.2.0, Vite 7.3.1, React Router v7.13.0, Tailwind CSS v4.2.0 (frontend/package.json).
  • 3D & Kinetic Animation Engine: three 0.183.1, @react-three/fiber 9.5.0, @react-three/drei 10.7.7, @studio-freight/lenis 1.0.42, gsap 3.14.2, framer-motion 12.34.3.
  • Backend API Server: Node.js, Express 4.19.2 (ES module mode), Mongoose 8.3.0, bcrypt 5.1.1, jsonwebtoken 9.0.2, nanoid 5.0.0 (backend/package.json).
  • Media Pipeline: Cloudinary SDK 2.2.0 (backend/utilities/cloudinary.js).
  • Database Collections: users, blogs, comments, notifications (backend/models/).

Documentation Track ​

  • Full Stack MERN Track: Exhaustive coverage of client-side 3D render loops, spatial cursor physics, full RESTful controller lifecycle, Mongoose ODM schemas, JWT stateless session authentication, Cloudinary asset pipelines, system design at 100x scale, and all 275 master checklist criteria.