Remix

Make your own version of آزمایشگاه زیست‌ مجازی

Get an exact, working copy in your account, then change anything with chat.

Original by Sina

What would you change?

Start free with 40 credits. No card needed.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

Build a complete, functional, mobile-friendly Persian virtual biology laboratory web application for Iranian students in grades 7–10.

IMPORTANT: Do not just explain how to build the application. Actually build it, write the code, run it, and fix errors. Do not stop at a plan, wireframe, or static design.

CORE REQUIREMENTS:

1. LANGUAGE AND DESIGN

- The entire interface must be in Persian with proper right-to-left (RTL) layout.
- Create a beautiful, modern, premium-looking scientific laboratory experience for teenagers.
- Use a dark scientific theme with navy, cyan, emerald green, and subtle glowing effects.
- Use the Vazirmatn Persian font.
- Make every screen fully responsive and optimized for Android phones.
- Add smooth animations, interactive cards, professional transitions, and optional sound effects.
- Include sound and animation settings.

2. ANIMATED IRANIAN FLAG

- Display the Iranian national flag prominently in the application header or background.
- Include the correct green, white, and red stripes, the red national emblem, and the repeated Allahu Akbar inscriptions in their proper positions.
- Make the flag visibly wave like real fabric using CSS, SVG, or another lightweight animation technique.
- Keep the flag recognizable and its emblem and inscriptions visible.
- Ensure the animation works smoothly on Android devices.

3. REALISTIC BIOLOGY LABORATORY
   Create an interactive virtual laboratory containing authentic scientific photographs, anatomical images, microscope images, and accurate educational models.

Never use cartoon organs, fantasy illustrations, or fictional scientific photographs.

Use real, legally reusable scientific images from reliable sources such as Wikimedia Commons, OpenStax, university collections, and other reputable scientific resources.

Automatically retrieve and display images when technically possible. Include the original source and licensing information. Never invent image URLs or claim that an image is authentic without verification.

If a real image cannot be loaded, provide a useful fallback and a link to a legitimate source.

4. BIOLOGICAL STRUCTURES
   Create a searchable laboratory containing topics relevant to Iranian science textbooks for grades 7, 8, 9, and 10.

Include:

- Human heart, chambers, valves, and blood vessels
- Brain and nervous system
- Lungs and respiratory system
- Digestive system
- Kidneys and urinary system
- Eye and ear
- Skin and skeleton
- Muscles and neurons
- Blood, red blood cells, white blood cells, platelets, and plasma
- DNA, RNA, nucleotides, and chromosomes
- Animal and plant cells and their organelles
- Plant roots, stems, leaves, flowers, and reproductive structures
- Other relevant tissues, organs, and biological structures

Verify which topics belong to each grade using official Iranian textbooks. Separate required textbook content from advanced supplementary topics.

Do not falsely claim complete curriculum coverage before verifying every chapter.

5. STEP-BY-STEP VIRTUAL DISSECTION
   Every structure must have an interactive learning page that presents its content step by step, similar to an interactive PowerPoint presentation.

For example, the heart lesson should:

- Begin with a real photograph of a human heart.
- Explain its overall structure and function.
- Reveal external anatomical features.
- Progressively introduce internal chambers and valves.
- Explain the major blood vessels.
- Animate blood flow through the heart.
- Show a final labeled overview.
- Finish with an interactive quiz.

Each step must include a large image, Persian explanation, anatomical labels, a progress indicator, previous and next buttons, and optional narration.

Allow image zooming and clickable labels. Support interactive 3D models when feasible, without pretending that static images are interactive 3D models.

Apply the same educational approach to DNA, RNA, cells, blood cells, organs, and other structures.

6. ADAPTIVE QUIZZES
   After each lesson, generate questions appropriate to the student's selected grade.

Use different question difficulty, terminology, and depth for grades 7, 8, 9, and 10.

Include multiple-choice questions, image identification, anatomical labeling, matching, ordering, true-or-false, and short-answer questions.

Provide immediate feedback, explanations, scores, hints, and recommendations for reviewing difficult concepts.

Use verified question banks if no AI service is available. The application must remain functional without a paid AI API.

7. MAIN SCREENS
   Create:

- Home
- Grade selection
- Biology laboratory
- Human anatomy
- Cells and microscopy
- DNA and RNA laboratory
- Plant biology
- Animal biology
- Virtual dissections
- Interactive quizzes
- Learning progress
- Saved structures
- Review difficult topics
- Settings
- Scientific sources

Include search, grade filters, chapter filters, and difficulty filters.

8. FUTURE MATHEMATICS LABORATORY
   Design the code using a modular architecture so a Mathematics Laboratory can be added later without rebuilding the application.

Separate subjects into reusable modules and share components such as navigation, lesson presentation, quizzes, progress tracking, search, and settings.

Do not implement the Mathematics Laboratory now. Prepare the architecture for future expansion.

9. TECHNICAL REQUIREMENTS

- Use a practical modern web technology stack.
- Prefer React with TypeScript and Tailwind CSS if supported by the platform.
- Use reusable components and organized code.
- Support Android mobile browsers.
- Make the application installable as a PWA if feasible.
- Use free tools and services wherever possible.
- Do not require paid AI APIs for essential functionality.
- Never expose secret API keys in frontend code.
- Handle loading failures and missing images gracefully.
- Store progress locally or use an appropriate backend when necessary.
- Include accessibility features and readable Persian typography.

10. BUILD A REAL WORKING PRODUCT
    Do not create a static mockup.

Every visible button must work. Search, navigation, grade selection, lesson progression, quizzes, audio settings, and progress tracking must be functional.

Implement several complete lessons with real scientific images and working quizzes before expanding the curriculum.

Use a clear data structure so additional topics can be added easily.

11. EXECUTION
    Start building the actual application immediately.

First implement the complete visual interface and core functionality. Then integrate real scientific images, interactive lessons, quizzes, and the animated Iranian flag.

Run the application, inspect the result, fix runtime errors, and verify that the mobile layout and RTL interface work correctly.

If a feature requires an external service, configure it when possible. Otherwise, implement the best working alternative and clearly identify any required manual setup.

Do not stop after generating source code or explaining the architecture. Produce a runnable application and show me the actual result.

Prioritize scientific accuracy, authentic images, a polished interface, working interactions, and compatibility with Android phones.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.