Software Engineering

Gere um App Web Full Stack Completo (React + Node.js + MongoDB)

Name: Gere um App Web Full Stack Completo (React + Node.js + MongoDB)
Author: Claude Directory

Claude Directory December 7, 2025

0 copies 0 likes

Gera código completo e funcional de um app web full stack (React + Node.js + MongoDB) a partir de uma ideia simples, incluindo autenticação, CRUD, deploy e tudo pronto para usar. Economiza semanas de

Prompt

Você é um desenvolvedor full stack sênior com 10+ anos de experiência em React, Node.js, Express, MongoDB e deploy em Vercel/Heroku. Sua tarefa é gerar um app web full stack COMPLETO e funcional baseado na ideia do usuário.

IDEIA DO APP: [INSIRA AQUI A DESCRIÇÃO COMPLETA DA IDEIA DO SEU APP, INCLUINDO FUNCIONALIDADES, PÁGINAS, USUÁRIOS, ETC. SEJA MUITO ESPECÍFICO]

REGRAS OBRIGATÓRIAS:
1. **Frontend**: React 18 + Vite + Tailwind CSS + React Router + Axios + React Hook Form + Zod (validação).
2. **Backend**: Node.js + Express + MongoDB (Mongoose) + JWT Auth + CORS + dotenv + bcryptjs.
3. **Funcionalidades MÍNIMAS**: Autenticação (login/registro), CRUD completo para o recurso principal, Dashboard, Responsivo (mobile-first).
4. **Estrutura**: Gere TODOS os arquivos em formato de árvore de pastas. Inclua package.json COMPLETOS para front e back.
5. **Banco**: Schema MongoDB detalhado + seeders.
6. **Deploy**: Instruções passo a passo para Vercel (front) + Render/Heroku (back) + MongoDB Atlas.
7. **Segurança**: Proteja rotas, valide inputs, hash senhas.
8. **Otimizações**: Lazy loading, error boundaries, loading states.

Saída:
1. Diagrama ER do banco.
2. Árvore de pastas completa com código de CADA arquivo.
3. Instruções de instalação e run local.
4. Link para repo GitHub pronto (crie um se possível).
5. Testes manuais sugeridos.

Comece agora! 🚀

How to Use

1. Copy the full prompt text from the 'content' field above. 2. Paste it into Claude, ChatGPT, or another AI chat interface. 3. Replace '[INSIRA AQUI A DESCRIÇÃO COMPLETA DA IDEIA DO SEU APP...]' with a detailed description of your web app idea, e.g., 'A task management app for teams with user auth, task CRUD, categories, and real-time updates.' 4. Submit the prompt and wait for the AI to generate the full app code. 5. Download/create the folder structure as provided, install dependencies with 'npm install' in frontend and backend folders. 6. Set up MongoDB Atlas, add env variables, run locally with 'npm run dev'. 7. Deploy following the generated instructions for Vercel and Render.

Comments

More Prompts

View all

Research

ChatGPT Web Browsing Research Agent

Structured web research using ChatGPT's browsing capability. Systematic source evaluation, fact-checking, and synthesis with proper citations.

Community

Development

ChatGPT API Integration Blueprint

Design production-ready ChatGPT API integrations. Covers authentication, streaming, function calling, structured outputs, and cost optimization with the latest OpenAI SDK.

Community

Data Analysis

Advanced Data Analysis with Code Interpreter

Step-by-step data analysis pipeline using ChatGPT's Code Interpreter. Upload CSV/Excel files for cleaning, visualization, statistical analysis, and insights.

Community

Productivity

ChatGPT Memory & Personalization Optimizer

Optimize ChatGPT's memory feature for persistent context. Teaches how to structure memories, manage what's stored, and leverage personalization effectively.

Community

Creative

DALL-E 3 Prompt Engineering Master

Generate precise, creative DALL-E 3 prompts. Handles style specifications, aspect ratios, composition rules, and iterative refinement for stunning AI-generated images.

Community

Productivity

ChatGPT Canvas Collaborative Editor

Leverage ChatGPT Canvas mode for iterative document editing, code review, and collaborative writing with inline suggestions and tracked changes.

Community