🧠 Game Website Requirement – Flowchart-Based Problem Solving Game
Platform: Next.js
Purpose: Improve users’ problem-solving skills through level-based flowchart challenges.

🎯 Objective:
To develop a level-based educational game where users are given flowchart-based tasks to solve. The game is designed to enhance logical thinking and problem-solving abilities.

📚 Game Description:
Each level presents a flowchart UI along with related inputs or outputs.

The user’s task depends on the level type:

Level Type A: User is given a flowchart and must determine the correct output based on the given input.

Level Type B: User is given a flowchart and an output, and must find the correct input that leads to the output.

Level Type C: A scenario or problem is described, and the user must draw or arrange the correct flowchart.

🧩 Gameplay Flow:
Level 1:

Task: Find the output based on a given input and flowchart.

If the user selects the correct output:

Show a success message.

Unlock the next level.

If the answer is incorrect:

Allow retry or provide a hint.

Level 2 and Beyond:

Gradually increase complexity (e.g., nested decisions, loops).

Introduce input-finding or drawing flowchart levels.

📥 User Inputs:
Input boxes or option selections depending on the flowchart logic.

Multiple-choice answers or drag-and-drop for interactive flowcharts.

✅ Success Criteria:
The user selects or enters the correct answer for the given flowchart.

Immediate feedback is given (Correct/Incorrect).

On correct answer, the next level is unlocked.

💡 Educational Goals:
Enhance problem-solving and logical reasoning.

Familiarize users with flowchart interpretation and design.

🔧 Technical Notes:
Framework: Next.js (React)

Flowchart UI: You can use libraries like react-flow, js-diagrams, or custom SVG/CSS-based visuals.

State Management: Level progression and user attempts can be managed with useState, Redux, or context API.