Any
💻 Coding & Dev
Advanced
Build a Full-Stack Web Application
Get a complete full-stack application scaffold with frontend, backend, and database.
The Prompt
Help me build a full-stack web application for the following: Application name: [name] What it does: [describe the core functionality in plain English] Key features: [list 5-8 main features] User types: [who uses the app and what each type can do] Frontend framework: [React / Vue / Next.js / plain HTML+JS / other] Backend framework: [Node.js/Express / Python/FastAPI / Python/Django / Laravel / other] Database: [PostgreSQL / MySQL / MongoDB / SQLite / other] Authentication: [email+password / Google OAuth / magic link / JWT / other] Deployment target: [Vercel / Netlify / AWS / Heroku / VPS / other] Styling approach: [Tailwind / CSS Modules / styled-components / Bootstrap / other] Provide a complete application build: ARCHITECTURE OVERVIEW: - System architecture diagram (described in text) - Component and service breakdown - Data flow description - API design overview PROJECT STRUCTURE: - Full directory tree for frontend and backend - File naming conventions - Where each type of logic lives DATABASE SCHEMA: - All tables/collections with columns and types - Relationships and foreign keys - Indexes - Migration files BACKEND IMPLEMENTATION: - Server setup and configuration - All API routes with HTTP methods - Controller logic for each route - Middleware (auth, validation, error handling) - Database connection and query layer - Environment variable setup FRONTEND IMPLEMENTATION: - App structure and routing - Key components with full code - State management approach - API integration layer - Authentication flow - Forms with validation - Error and loading states AUTHENTICATION FLOW: - Registration and login pages - Token/session management - Protected route implementation - Logout flow DEPLOYMENT SETUP: - Environment configuration - Build commands - Deployment checklist - Environment variables needed GETTING STARTED: - Step-by-step local setup instructions - Seed data script - First things to customise
📝 Fill in the blanks
Replace these placeholders with your own content:
[name]
[describe the core functionality in plain English]
[list 5-8 main features]
[who uses the app and what each type can do]
[React / Vue / Next.js / plain HTML+JS / other]
[Node.js/Express / Python/FastAPI / Python/Django / Laravel / other]
[PostgreSQL / MySQL / MongoDB / SQLite / other]
[email+password / Google OAuth / magic link / JWT / other]
[Vercel / Netlify / AWS / Heroku / VPS / other]
[Tailwind / CSS Modules / styled-components / Bootstrap / other]
How to use this prompt
1
Copy the prompt
Click "Copy Prompt" above to copy the full prompt text to your clipboard.
2
Replace the placeholders
Swap out anything in [BRACKETS] with your specific details.
3
Paste into Any
Open your preferred AI assistant and paste the prompt to get started.