import React, { useState, useEffect } from ‘react’;
import { Ruler, Map, MoveRight, CheckCircle2, AlertCircle, HelpCircle, RefreshCcw, Info } from ‘lucide-react’;
const App = () => {
const [view, setView] = useState(‘learn’);
const [scaleInput, setScaleInput] = useState(‘400000’);
const [quizStep, setQuizStep] = useState(0);
const [userAnswer, setUserAnswer] = useState(”);
const [quizFeedback, setQuizFeedback] = useState(null);
const [score, setScore] = useState(0);
// Quiz questions inspired by the PDF examples
const quizQuestions = [
{ scale: ‘1 : 300’, question: ‘1 cm na mapie to ile metrów w terenie?’, unit: ‘m’, correct: 3, hint: ‘Skreśl 2 zera (100 cm = 1 m)’ },
{ scale: ‘1 : 2000’, question: ‘1 cm na mapie to ile metrów w terenie?’, unit: ‘m’, correct: 20, hint: ‘Odejmij dwa zera od 2000’ },
{ scale: ‘1 : 400 000’, question: ‘1 cm na mapie to ile kilometrów w terenie?’, unit: ‘km’, correct: 4, hint: ‘Skreśl 5 zer, aby otrzymać kilometry’ },
{ scale: ‘1 : 5000’, question: ‘Ile metrów w terenie odpowiada 1 cm na mapie?’, unit: ‘m’, correct: 50, hint: ‘Skreśl 2 zera’ },
{ scale: ‘1 : 1 000 000’, question: ‘1 cm na mapie to 10 km. Prawda czy Fałsz?’, type: ‘boolean’, correct: ‘prawda’, hint: ‘1 000 000 cm to 10 000 m, czyli 10 km’ }
];
const handleQuizSubmit = () => {
const current = quizQuestions[quizStep];
let isCorrect = false;
if (current.type === ‘boolean’) {
isCorrect = userAnswer.toLowerCase() === current.correct;
} else {
isCorrect = parseFloat(userAnswer) === current.correct;
}
if (isCorrect) {
setQuizFeedback(‘correct’);
setScore(score + 1);
} else {
setQuizFeedback(‘wrong’);
}
};
const nextQuestion = () => {
setUserAnswer(”);
setQuizFeedback(null);
if (quizStep < quizQuestions.length - 1) {
setQuizStep(quizStep + 1);
} else {
setQuizStep(0);
setScore(0);
}
};
return (
{/* Header Section */}
MISTRZ SKALI
Klasa 4-6 • Zadania Interaktywne
{/* Dynamic View Area */}
{view === ‘learn’ && (
Jak działa “Zjadanie Zer”?
Skala mówi nam, ile centymetrów w terenie odpowiada 1 centymetrowi na mapie. Ale nikt nie mierzy drogi do szkoły w centymetrach! Dlatego używamy dwóch trików:
