Exam Preview
No exam generated yet.
Use the filters on the left and click "Generate Exam" to create your exam.
"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**. *">
Generate printable exams with ease
No exam generated yet.
Use the filters on the left and click "Generate Exam" to create your exam.