{"/styles.css":{"code":"/* Style your storybook here! */\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: Georgia, \"Times New Roman\", serif;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 2rem;\n background: #f5f0e8;\n color: #2a2a2a;\n}\n\n.app {\n max-width: 700px;\n width: 100%;\n}\n\nh1 {\n text-align: center;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n}\n"},"/App.js":{"code":"import React, { useState } from \"react\";\n\nexport default function App() {\n const [story, setStory] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const generateStory = () => {\n setLoading(true);\n\n setTimeout(() => {\n setStory(`\n🌙✨ Starlight & Luna ✨🌙\n\nChapter 1 — The Moonlit Forest\n\nDeep inside the glowing Silver Forest lived a cute mythical wolf named Starlight.\nHer fur shimmered like stars in the night sky, and her bright blue eyes sparkled with magic.\n\nEvery night, tiny glowing butterflies followed her wherever she went.\n\nOne evening, while exploring the forest, Starlight heard soft music floating through the trees.\n\nCurious, she followed the sound until she discovered a magical silver cat sitting beside a glowing lake.\n\nThe cat had soft moon-colored fur and shining purple eyes.\n\n\"My name is Luna,\" said the cat gently.\n\n\"I’m Starlight!\" the wolf replied happily.\n\nFrom that moment, they became best friends.\n\nChapter 2 — The Crystal Cave\n\nThe next morning, Luna told Starlight about a hidden crystal cave deep under the mountains.\n\nLegend said the cave held the Moon Crystal — a magical gem that protected the forest.\n\nTogether, they traveled across glowing rivers, jumping over sparkling stones and climbing snowy hills.\n\nAlong the way, they met tiny fire spirits and friendly cloud birds.\n\nFinally, they reached the crystal cave.\n\nInside, glowing crystals covered the walls like stars.\n\nBut suddenly…\n\nA shadow creature appeared!\n\nIts eyes glowed red as it growled loudly.\n\nStarlight bravely stepped forward while Luna’s tail glowed with moon magic.\n\nTogether, they combined their powers.\n\n✨ STAR MAGIC\n🌙 MOON MAGIC\n\nA giant beam of light filled the cave.\n\nThe shadow creature disappeared peacefully into tiny sparkles.\n\nAt the center of the cave, the Moon Crystal floated into the air.\n\nThe crystal glowed brighter than ever before.\n\nChapter 3 — Guardians of the Forest\n\nThe forest spirits appeared around Starlight and Luna.\n\n“You have saved the Silver Forest,” they said.\n\nAs a reward, the spirits gave them magical necklaces.\n\nStarlight’s necklace held a tiny glowing star.\nLuna’s necklace held a shining crescent moon.\n\nFrom then on, Starlight and Luna became the legendary Guardians of the Silver Forest.\n\nEvery night, travelers could see a glowing wolf and a magical moon cat running together beneath the stars.\n\nAnd their friendship lasted forever.\n\n✨ The End ✨\n `);\n\n setLoading(false);\n }, 1200);\n };\n\n return (\n

\n \n

\n 🌙 AI Story Book ✨\n

\n\n

\n Generate a magical story about Starlight the mythical wolf\n and Luna the mystical moon cat!\n

\n\n \n Generate Story\n \n\n {loading && (\n

\n ✨ Creating magical story...\n

\n )}\n\n {story && (\n

\n {story}\n

\n )}\n

\n );\n}\n"},"/index.js":{"code":"import React, { StrictMode } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport \"./styles.css\";\n\nimport App from \"./App\";\n\nconst root = createRoot(document.getElementById(\"root\"));\nroot.render(\n \n \n \n);"},"/public/index.html":{"code":"\n\n \n \n \n Document\n \n \n

\n \n"}}

AI Story Book by starlight (zuri)