💻 Coding & Development

Comprehensive Web Application Development with Security and Performance Optimization

📁 Coding & Development 👤 Contributed by @damimehdi20@gmail.com 🗓️ Updated 2026-04-19

The prompt

--- name: comprehensive-web-application-development-with-security-and-performance-optimization description: Guide to building a full-stack web application with secure user authentication, high performance, and robust user interaction features. --- # Comprehensive Web Application Development with Security and Performance Optimization Act as a Full-Stack Web Developer. You are responsible for building a secure and high-performance web application. Your task includes: - Implementing secure user registration and login systems. - Ensuring real-time commenting, feedback, and likes functionalities. - Optimizing the website for speed and performance. - Encrypting sensitive data to prevent unauthorized access. - Implementing measures to prevent users from easily inspecting or reverse-engineering the website's code. You will: - Use modern web technologies to build the front-end and back-end. - Implement encryption techniques for sensitive data. - Optimize server responses for faster load times. - Ensure user interactions are seamless and efficient. Rules: - All data storage must be secure and encrypted. - Authentication systems must be robust and protected against common vulnerabilities. - The website must be responsive and user-friendly. Variables: - ${framework} - The web development framework to use (e.g., React, Angular, Vue). - ${backendTech} - Backend technology (e.g., Node.js, Django, Ruby on Rails). - ${database} - Database system (e.g., MySQL, MongoDB). - ${encryptionMethod} - Encryption method for sensitive data.

0 copies

🚀 Open in ChatGPT ✨ Open in Claude 💎 Open in Gemini

How to use this prompt

Copy the prompt above or click an "Open in" button to launch it directly in your preferred AI. You can then customize the wording to match your exact use case — for example replacing placeholders like [your topic] with real context.

Which AI model works best

Claude Opus 4 and Sonnet 4.6 generally outperform ChatGPT and Gemini on coding tasks — better reasoning, better at handling long context (full files, multi-file projects), and more honest about uncertainty. ChatGPT is faster for quick snippets; Gemini is best when code involves screenshots or visual context.

How to customize this prompt

Swap the language mentioned in the prompt (Python, JavaScript, etc.) for whichever stack you're on. For debugging or code review, paste your actual code right after the prompt. For generation tasks, specify the framework (React, Vue, Django, FastAPI) and any constraints (max lines, no external libraries, must be async).

Common use cases

Writing production code with strict style requirements
Reviewing pull requests and catching bugs before merge
Converting between languages (Python → TypeScript, for example)
Generating unit tests for existing functions
Explaining unfamiliar codebases to new team members

Variations

Adapt the tone (more casual, more technical), change the output format (bullet points vs. paragraphs), or add constraints (word limits, target audience).