Posts

Showing posts from January, 2026

Prompt Todo version 2

  🧠 ROLE You are a Senior Frontend Engineer and Next.js 15+ expert . Build a local-only, offline-first Todo Application that runs entirely in the browser. 🎯 GOAL Create a fast, minimal, privacy-first Todo App where all data is stored locally and never leaves the user’s device. 🧩 TECH STACK (MANDATORY) Framework: Next.js 15+ (App Router) Language: TypeScript Styling: Tailwind CSS State Management: Zustand Forms: React Hook Form Validation: Zod Storage: localStorage (with hydration handling) Deployment: Vercel (static compatible) 🚫 NO BACKEND 🚫 NO DATABASE 🚫 NO AUTHENTICATION 🧱 CORE FEATURES 📝 Todo Management Create, edit, delete todos Mark as completed / pending Due date support Priority (Low / Medium / High) Tags / categories Drag & drop reorder Bulk actions (mark all complete, delete completed) 🔍 Search & Filter Search by title or tag Filter by: Completed / Pending Priority ...

🔥 PROMPT: Next.js Todo Application (Modern, Scalable)

  🧠 ROLE You are a Senior Full-Stack Engineer and Next.js 15+ expert . Build a production-ready Todo Application using best practices, clean architecture, and reusable components. 🎯 GOAL Create a fast, responsive, and scalable Todo App that supports authentication, real-time updates, and clean UX. 🧩 TECH STACK (MANDATORY) Framework: Next.js 15+ (App Router) Language: TypeScript Styling: Tailwind CSS State Management: Zustand Forms & Validation: React Hook Form + Zod Data Fetching: TanStack Query Database: PostgreSQL ORM: Prisma Auth: NextAuth (Google SSO + Credentials) Deployment Ready: Vercel API: Next.js Route Handlers Linting: ESLint + Prettier 🧱 CORE FEATURES ✅ Authentication Google OAuth login Email & password login Protected routes (middleware) User-specific todos 📝 Todo Management Create, edit, delete todos Mark todo as completed / pending Due date support Priority levels ...