[{"_1":2,"_127":-5,"_128":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_126":-5,"_123":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_55":56,"_57":58,"_59":58,"_60":61,"_62":58,"_63":58,"_64":58,"_65":58,"_66":58,"_67":17,"_68":17,"_69":70,"_71":72,"_73":74,"_75":76,"_89":-5,"_90":17,"_91":92,"_123":30,"_124":125},"id","158f4e47bf3648c2ebdc","isMyApp",false,"name","hotorcold","description","Dive into the ultimate guessing game where you're hunting for a mysterious number in a sea of possibilities! With each guess, receive vibrant \"hot,\" \"mid,\" or \"cold\" feedback that pulses with animation, guiding you closer to your numerical prey.","brief","Chase the secret number with animated hot-or-cold clues that pulse with every guess!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/158f4e47bf3648c2ebdc/68277_e76133e6.webp","cdnUrl","https://cdn.dev.fun/app/158f4e47bf3648c2ebdc/68277","createdAt",["D",1747793523595],"updatedAt",["D",1747793895191],"lastCommitId",["B","68277"],"tier",1,"credits",30,{"_14":44,"_45":46,"_47":46,"_48":49,"_50":46,"_51":52,"_53":54},"b4beafdb-5e83-4cb2-b449-125cf6868721","uniqueId","devly","username","solanaWallet","GGGFquESSW82MAbRMUMbVXpSPzsXsEt5BdrCzkJ6Fnk5","displayName","bio","Vibecoding is real?","avatar","/avatar.svg","commitCount",3,"forkCount",0,"likeCount","runsCount",10,"downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","Dfo6dCLoXekbtUp5KVHN2uuT9MG7HzWRezakem8Rpump","code","import { useState, useEffect } from 'react';\nimport { motion } from 'framer-motion';\nexport default function App() {\n const [secretNumber, setSecretNumber] = useState(null);\n const [guess, setGuess] = useState('');\n const [feedback, setFeedback] = useState(null);\n const [attempts, setAttempts] = useState(0);\n const [gameWon, setGameWon] = useState(false);\n const [inputError, setInputError] = useState('');\n const [range] = useState({\n min: 1,\n max: 100\n });\n const [showInstructions, setShowInstructions] = useState(false);\n useEffect(() => {\n startNewGame();\n }, []);\n const startNewGame = () => {\n const newSecretNumber = Math.floor(Math.random() * (range.max - range.min + 1)) + range.min;\n setSecretNumber(newSecretNumber);\n setGuess('');\n setFeedback(null);\n setAttempts(0);\n setGameWon(false);\n setInputError('');\n };\n const handleGuessChange = e => {\n setGuess(e.target.value);\n setInputError('');\n };\n const handleSubmitGuess = e => {\n e.preventDefault();\n const guessNumber = parseInt(guess);\n if (isNaN(guessNumber)) {\n setInputError('Please enter a valid number');\n return;\n }\n if (guessNumber < range.min || guessNumber > range.max) {\n setInputError(`Please enter a number between ${range.min} and ${range.max}`);\n return;\n }\n setAttempts(attempts + 1);\n if (guessNumber === secretNumber) {\n setFeedback('correct');\n setGameWon(true);\n } else {\n const difference = Math.abs(secretNumber - guessNumber);\n const maxDifference = range.max - range.min;\n if (difference <= maxDifference * 0.1) {\n setFeedback('hot');\n } else if (difference <= maxDifference * 0.3) {\n setFeedback('mid');\n } else {\n setFeedback('cold');\n }\n }\n };\n const getFeedbackColor = () => {\n switch (feedback) {\n case 'hot':\n return 'bg-red-500';\n case 'mid':\n return 'bg-amber-500';\n case 'cold':\n return 'bg-blue-500';\n case 'correct':\n return 'bg-green-500';\n default:\n return 'bg-purple-200';\n }\n };\n const getFeedbackText = () => {\n switch (feedback) {\n case 'hot':\n return 'HOT! 🔥';\n case 'mid':\n return 'MID! 😊';\n case 'cold':\n return 'COLD! ❄️';\n case 'correct':\n return 'CORRECT! 🎉';\n default:\n return 'Make a guess!';\n }\n };\n const getFeedbackHint = () => {\n if (!feedback || feedback === 'correct') return '';\n if (feedback === 'hot') {\n return 'You\\'re very close!';\n } else if (feedback === 'mid') {\n return 'Getting warmer...';\n } else {\n return 'Not even close!';\n }\n };\n return

\n {}\n

Hot or Cold

Find the secret number!

\n \n {}\n

\n {}\n \n

ATTEMPTS

{attempts}

\n \n\n {}\n \n \n {getFeedbackText()}\n \n {feedback &&

{getFeedbackHint()}

}\n \n \n {}\n \n \n {}\n {showInstructions && \n

How to Play:

• I've chosen a random number between {range.min} and {range.max}
• Try to guess it in as few attempts as possible
• After each guess, you'll get feedback:
- 🔥 HOT: You're very close!
- 😊 MID: You're getting warmer
- ❄️ COLD: You're far away

\n }\n \n {}\n

\n {gameWon && \n Secret number was {secretNumber}\n }\n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\"}}","token",{"_18":77,"_78":19,"_79":58,"_80":81,"_82":83,"_84":85,"_86":-5,"_87":40,"_88":40,"_69":70},"Hot or cold","symbol","price","marketcap",4931.68685976,"image","https://pump.mypinata.cloud/ipfs/QmTPAFywd9nZ59B6yPVRgjBEh69tccxti24kjWEdey3CTV?img-width=256&img-dpr=2","website","https://dev.fun/p/158f4e47bf3648c2ebdc","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[93,97,99,101,103,105,107,109,111,113,115,117,119,121],{"_94":95,"_96":58},"day","2025-05-08","runCount",{"_94":98,"_96":58},"2025-05-09",{"_94":100,"_96":58},"2025-05-10",{"_94":102,"_96":58},"2025-05-11",{"_94":104,"_96":58},"2025-05-12",{"_94":106,"_96":58},"2025-05-13",{"_94":108,"_96":58},"2025-05-14",{"_94":110,"_96":58},"2025-05-15",{"_94":112,"_96":58},"2025-05-16",{"_94":114,"_96":58},"2025-05-17",{"_94":116,"_96":58},"2025-05-18",{"_94":118,"_96":58},"2025-05-19",{"_94":120,"_96":58},"2025-05-20",{"_94":122,"_96":61},"2025-05-21","snapshot","ogImage","https://cdn.dev.fun/og/image/158f4e47bf3648c2ebdc/557088a9.webp","commitDetail","actionData","errors"]