"Act as a Full-Stack Web Developer. I want to build a web application that generates printable exams. The system must have a 'Question Bank' where I can tag questions by 'Case Study' or 'Topic'. I need a feature where I can select a specific 'Case', and the app pulls 10 random questions related to it. Provide the Database Schema (SQL) and a plan for how to handle 'Print-to-PDF' functionality using CSS Media Queries." --- ### 2. The "UI/UX Designer" Prompt *Use this with an image generator (like my Nano Banana tool) to see what the website should look like.* > "A clean, professional User Interface (UI) for a web-based Exam Generator. The left sidebar has filters for 'Case Studies' and 'Difficulty Level'. The main area shows a preview of a dynamic exam paper on a white A4 background. The design is minimalist, using a blue and white color palette, with a 'Print Exam' button clearly visible. High resolution, modern SaaS dashboard style." --- ### 3. The "Frontend Coder" Prompt *Use this to get the actual code for the printing layout.* > "Write a React component and a specialized CSS 'Print' stylesheet for an exam paper. The exam should include a header for 'Student Name' and 'Date', followed by a list of questions generated from a JSON object. Ensure the CSS uses '@media print' to hide the 'Generate' button and ensures that questions do not break awkwardly across two pages (page-break-inside: avoid)." --- ### Pro-Tip for your "Case-Based" logic: When you build the prompt for the "Case" logic, make sure to specify if a question can belong to **multiple cases**. *"> "Act as a Full-Stack Web Developer. I want to build a web application that generates printable exams. The system must have a 'Question Bank' where I can tag questions by 'Case Study' or 'Topic'. I need a feature where I can select a specific 'Case', and the app pulls 10 random questions related to it. Provide the Database Schema (SQL) and a plan for how to handle 'Print-to-PDF' functionality using CSS Media Queries." --- ### 2. The "UI/UX Designer" Prompt *Use this with an image generator (like my Nano Banana tool) to see what the website should look like.* > "A clean, professional User Interface (UI) for a web-based Exam Generator. The left sidebar has filters for 'Case Studies' and 'Difficulty Level'. The main area shows a preview of a dynamic exam paper on a white A4 background. The design is minimalist, using a blue and white color palette, with a 'Print Exam' button clearly visible. High resolution, modern SaaS dashboard style." --- ### 3. The "Frontend Coder" Prompt *Use this to get the actual code for the printing layout.* > "Write a React component and a specialized CSS 'Print' stylesheet for an exam paper. The exam should include a header for 'Student Name' and 'Date', followed by a list of questions generated from a JSON object. Ensure the CSS uses '@media print' to hide the 'Generate' button and ensures that questions do not break awkwardly across two pages (page-break-inside: avoid)." --- ### Pro-Tip for your "Case-Based" logic: When you build the prompt for the "Case" logic, make sure to specify if a question can belong to **multiple cases**. *"> "Act as a Full-Stack Web Developer. I want to build a web application that generates printable exams. The system must have a 'Question Bank' where I can tag questions by 'Case Study' or 'Topic'. I need a feature where I can select a specific 'Case', and the app pulls 10 random questions related to it. Provide the Database Schema (SQL) and a plan for how to handle 'Print-to-PDF' functionality using CSS Media Queries." --- ### 2. The "UI/UX Designer" Prompt *Use this with an image generator (like my Nano Banana tool) to see what the website should look like.* > "A clean, professional User Interface (UI) for a web-based Exam Generator. The left sidebar has filters for 'Case Studies' and 'Difficulty Level'. The main area shows a preview of a dynamic exam paper on a white A4 background. The design is minimalist, using a blue and white color palette, with a 'Print Exam' button clearly visible. High resolution, modern SaaS dashboard style." --- ### 3. The "Frontend Coder" Prompt *Use this to get the actual code for the printing layout.* > "Write a React component and a specialized CSS 'Print' stylesheet for an exam paper. The exam should include a header for 'Student Name' and 'Date', followed by a list of questions generated from a JSON object. Ensure the CSS uses '@media print' to hide the 'Generate' button and ensures that questions do not break awkwardly across two pages (page-break-inside: avoid)." --- ### Pro-Tip for your "Case-Based" logic: When you build the prompt for the "Case" logic, make sure to specify if a question can belong to **multiple cases**. *">

Exam Builder

Generate printable exams with ease

Exam Preview

No exam generated yet.

Use the filters on the left and click "Generate Exam" to create your exam.

JustCopy.ai Clone with JustCopy