AI Driven Development: Build + Deploy a Web App w/ Cursor AI

Bootstrap a Next.js 15 project with TypeScript, app router, tailwind, ESLint, and prettier; set up folder structure, layout with header, and run a local development server to a task dashboard.

Create and style a React task card component in TypeScript with props for task, toggle complete, edit, and delete, featuring title, description, priority, creation date, and a completion checkbox.

Design a responsive task list interface that renders task cards from objects, includes empty and loading states, uses TypeScript typings and Tailwind CSS, and enables animations for additions and removals.

Build an add task form with React and TypeScript, using React Hook Form for validation and onSubmit handling, with form reset and a loading state tied to RESTful API backend.

Design and prototype a RESTful task management API using TypeScript interfaces, in-memory storage, and query parameter filtering, with endpoints for get, post, put, and delete, plus authentication and comprehensive documentation.

Build a next.js 15 get endpoint returning in-memory tasks with search params and TypeScript typing, plus a demo page at /api-test for testing and viewing formatted json responses.

Implement a post endpoint with zod validation, uuid generation, and timestamps in Next.js 15 router; update the demo page to test the post request and fix hydration issues for deployment.

Learn to enhance a task management app with advanced features—due date picker, priority-based sorting, local storage, tailwind transitions, and visual feedback for completed and overdue tasks using smooth animations.

Add robust error handling and UX polish with real-time form validation, user-friendly messages, loading states, empty states, toast notifications, and confirmation dialogs, plus reusable components and accessible tailwind styling.

Deploy a Next.js 15 app to Vercel via automatic GitHub deployments, with preview deployments for PRs, router and TypeScript settings, Playwright tests in CI, and custom domain configuration.

Update the readme for an ai driven task management app and deploy with vercel via cursor ai. Enable automated end-to-end tests and a streamlined ci/cd workflow.