8080.AI
DesignReqsTasksUser Flow
Architecture
Log inSign up for free

magic-kids

bybackup wa

1. Prompt AI untuk Opsi 2 (Edukasi Kebencanaan / Kids Disaster App) > Prompt: > UI/UX design of a responsive mobile web application for kids disaster learning, bright and friendly colors, clean interface. Displaying colorful course cards like "Earthquake Safety" and "Emergency Kit" with cute illustration icons, progress bar, and a "Start Quiz" button. Modern mobile mockup screen, high quality, Figma style design, soft gradients, UI vector.

No preview

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: Open app and view hero
Landing: Enter course catalog
Courses: 1. Scroll course grid
Courses: 2. Read course description
Courses: 3. Start quiz from course card
Courses: Retry loading courses
Quiz: 4. Answer question option
Quiz: 5. See answer feedback and advance
Quiz: 6. View final score
Quiz: 7. Retry quiz
Quiz: 8. Return to courses
Progress: 9. Review overall progress
Progress: Retry loading progress
Progress: 10. Return to courses to continue

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: Open app and view hero
Landing: Enter course catalog
Courses: 1. Scroll course grid
Courses: 2. Read course description
Courses: 3. Start quiz from course card
Courses: Retry loading courses
Quiz: 4. Answer question option
Quiz: 5. See answer feedback and advance
Quiz: 6. View final score
Quiz: 7. Retry quiz
Quiz: 8. Return to courses
Progress: 9. Review overall progress
Progress: Retry loading progress
Progress: 10. Return to courses to continue