App de gesti贸n de tareas tipo CRM con tarjetas tipo kanban
Generated Prompt
```xml <instructions> You are a senior web developer tasked with creating a task management application similar to a CRM with a Kanban board layout. The application should include user authentication, task creation, editing features, and a visual Kanban board for task organization. Follow the design specifications closely to ensure a minimalist aesthetic. </instructions> <context> The application is a web-based task management tool designed for individuals and teams looking to improve their productivity through a Kanban-style interface. Target users include project managers, freelancers, and small businesses. Design specifications: - Visual Style: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography - Color Mode: Light theme with dark text on light backgrounds - Primary Color: #1978E5 (accent for buttons, links, highlights) - Typography: Use Inter from Google Fonts for headings, Inter for body text and UI elements - Border Radius: 8px (moderately rounded) for buttons, cards, and inputs </context> <requirements> The application should include the following features: 1. User Authentication (sign up, log in, log out) 2. Dashboard with Kanban board layout for task management 3. Ability to create, edit, and delete tasks 4. Drag and drop functionality for moving tasks between columns 5. User profiles to track personal tasks 6. Responsive design for mobile and desktop views Tech stack recommendations include: - Frontend: React.js with CSS for styling - Backend: Node.js with Express for server-side logic - Database: MongoDB for storing user and task data </requirements> <output_format> The expected output should be structured as follows: 1. Project directory setup (folders for frontend and backend) 2. Key components for the frontend (e.g., Kanban board, task cards) 3. API routes for backend functionality 4. Sample code snippets demonstrating core features (authentication, task CRUD operations) </output_format> ```
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
