Overview
This prompt aims to guide developers in implementing an “edit question” feature for a question management system. Both educators and administrators will benefit from improved question management capabilities.
Prompt Overview
Purpose: The purpose of this feature is to allow admins and teachers to easily edit questions after they are created.
Audience: This implementation is aimed at developers and UX designers working on the question management system for educational platforms.
Distinctive Feature: The editing functionality will be seamlessly integrated into the existing question management interface, enhancing user experience.
Outcome: Users will be able to edit questions efficiently, ensuring that the question database remains accurate and up-to-date.
Quick Specs
- Media: Text
- Use case: Generation
- Industry: Productivity & Workflow, Project Management & Collaboration, Property Development
- Techniques: Plan-Then-Solve, Role/Persona Prompting, Structured Output
- Models: Claude 3.5 Sonnet, Gemini 2.0 Flash, GPT-4o, Llama 3.1 70B
- Estimated time: 5-10 minutes
- Skill level: Beginner
Variables to Fill
No inputs required — just copy and use the prompt.
Example Variables Block
No example values needed for this prompt.
The Prompt
You are tasked with adding an “edit question” feature to the “add question” page on a website.
**Desired Workflow:**
– After an admin or teacher adds a new question, the system should display a form or interface to manage (kelola) all created questions, including the newly added one.
– Your task is to integrate an editing feature for newly added questions, alongside the existing delete (hapus) functionality for previously created questions.
**Please detail the steps and considerations needed to implement this feature effectively, including:**
– UI/UX aspects
– Backend integration
– Ensuring the edit functionality works smoothly within the existing question management flow
**# Steps**
1. Analyze Current Pages:
– Review the “add question” and question management pages.
– Understand their data flows.
2. List Questions:
– Implement a method to display all added questions, including the newly added one, immediately after creation.
3. Edit Button:
– Add an “edit” button or link next to each question in the management list.
4. Editing Form:
– Create or reuse a user-friendly form for editing question details.
– Ensure the form validates input effectively.
5. Backend Updates:
– Update the backend to handle question edits correctly.
– Ensure changes are reflected in the database.
6. Testing:
– Test the entire workflow:
– Adding a question
– Viewing it in the list
– Editing it
– Saving changes without errors
**# Output Format**
Provide a detailed implementation plan and, if relevant, include sample code snippets illustrating how to add the edit feature within the existing system, covering both front-end and back-end aspects.
Use clear, specific language and present the workflow logically to ensure clarity for developers implementing the feature.
Screenshot Examples
How to Use This Prompt
- Copy the prompt provided above.
- Paste it into your preferred text editor.
- Review the context and desired workflow carefully.
- Follow the outlined steps for implementation.
- Consider UI/UX and backend integration as specified.
- Test the feature thoroughly after implementation.
Tips for Best Results
- UI/UX Considerations: Ensure the edit button is clearly visible and intuitively placed next to each question for easy access, and use modal dialogs or inline editing to maintain a seamless user experience.
- Backend Integration: Modify the existing API to include an endpoint for updating questions, ensuring it handles validation and returns appropriate success or error messages.
- Data Flow Management: After a question is edited, refresh the question list dynamically to reflect the changes without requiring a full page reload, enhancing user experience.
- Testing and Validation: Conduct thorough testing for all scenarios, including edge cases, to ensure that the edit functionality works flawlessly and integrates well with existing delete features.
FAQ
- What is the first step to implement the edit feature?
Analyze the current 'add question' and question management pages to understand data flows. - How should questions be displayed after creation?
Implement a method to display all added questions immediately after they are created. - What UI element is needed for editing questions?
Add an 'edit' button or link next to each question in the management list. - What should the editing form ensure?
The form should validate input effectively and allow users to update question details.
Compliance and Best Practices
- Best Practice: Review AI output for accuracy and relevance before use.
- Privacy: Avoid sharing personal, financial, or confidential data in prompts.
- Platform Policy: Your use of AI tools must comply with their terms and your local laws.
Revision History
- Version 1.0 (February 2026): Initial release.
