Prompt Library 💻 Coding & Dev Build a Full-Stack Web Application
Any 💻 Coding & Dev Advanced

Build a Full-Stack Web Application

Get a complete full-stack application scaffold with frontend, backend, and database.
👁 5 views ⎘ 0 copies ♥ 0 likes

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.