The latest articles on DEV Community by Gamingwrld channel (@gamingwrld_channel_4f78b6). https://dev.to/gamingwrld_channel_4f78b6 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2462801%2F03c55c76-f78d-4659-a92c-944978eb159f.jpg https://dev.to/gamingwrld_channel_4f78b6 en Gamingwrld channel Sat, 06 Sep 2025 21:14:54 +0000 https://dev.to/gamingwrld_channel_4f78b6/your-story-your-choices-an-ai-powered-adventure-with-node-story-70e https://dev.to/gamingwrld_channel_4f78b6/your-story-your-choices-an-ai-powered-adventure-with-node-story-70e <p><em>This is a submission for the <a href="https://dev.to/challenges/google-ai-studio-2025-09-03">Google AI Studio Multimodal Challenge</a></em></p> <h2> What I Built </h2> <p>I created Node Story, an AI-powered storytelling platform that transforms users into the main character of their own adventure.<br> Instead of passively reading a story, players decide what happens next. Every choice branches into a new path, and the AI dynamically generates the consequences, shaping how the journey unfolds and even how it all ends.<br> The idea was to make storytelling interactive, personal, and creative, so no two adventures are ever the same. Each user writes their own legend simply by making selections along the way.</p> <h2> Demo </h2> <p>Live app: <a href="https://nodestory.vercel.app/" rel="noopener noreferrer">: Node Story – AI Story Adventure</a> </p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1fzimnvq2dd27vq2l5hm.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1fzimnvq2dd27vq2l5hm.png" alt="Homepage" width="378" height="750"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fttz1x7n1a9bg7gd9b5u3.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fttz1x7n1a9bg7gd9b5u3.png" alt="Chat page" width="378" height="750"></a></p> <h2> How I Used Google AI Studio </h2> <p>I used Google AI Studio with the Gemini 2.5 Flash model as the creative engine for Node Story. It generates narrative passages that stay consistent with the user’s previous choices. It adapts tone and pacing depending on the direction the player takes.It allows for quick prototyping, so I could focus on polishing the branching structure and UI.<br> Google AI Studio made it easy to blend AI’s storytelling ability with an interactive format where users feel in control of the narrative.</p> <h2> Multimodal Features </h2> <p>Node Story leverages multimodal prompting by combining:</p> <ul> <li>User-provided input (their choices at each decision point)</li> <li>Contextual narrative prompts (to keep the story world coherent) This means the AI isn’t just telling a story to the user—it’s telling a story with the user. The experience is unique because the ending is never predetermined; it emerges naturally from the path the user carves through their choices. Future updates could expand this with visuals—like AI-generated scene art or character portraits—making the experience even more immersive. I’d love to hear your thoughts!</li> <li>Do you find this kind of interactive, AI-powered storytelling helpful or inspiring?</li> <li>How do you imagine using something like this; fun adventures, learning tools, creative writing practice?</li> <li>What features would you like to see next (images, character art, new genres)? Feel free to drop your feedback or questions in the comments. I’ll be happy to chat and improve Node Story further!</li> </ul> devchallenge googleaichallenge ai gemini Gamingwrld channel Sun, 15 Jun 2025 15:03:23 +0000 https://dev.to/gamingwrld_channel_4f78b6/sharing-love-on-fathers-day-41d2 https://dev.to/gamingwrld_channel_4f78b6/sharing-love-on-fathers-day-41d2 <p><em>This is a submission for <a href="https://dev.to/challenges/frontend-2025-06-04">Frontend Challenge - June Celebrations, Perfect Landing: June Celebrations</a></em></p> <h2> What I Built </h2> <p>For this challenge, I built a landing page to celebrate Father’s Day — a tribute to every dad out there who's made an impact in our lives.<br> The page combines an engaging timeline of Father’s Day history, a curated gift guide based on different dad types, and a memory-sharing gallery where users can honor their dads with photos and stories. I wanted to make it warm, interactive, and meaningful.</p> <h2> Demo </h2> <p>Live Site: <a href="https://junefathersday.netlify.app/" rel="noopener noreferrer">https://junefathersday.netlify.app/</a> <br> Source Code:<a href="https://github.com/tbot53/Father-s-day/blob/main/public/index.html" rel="noopener noreferrer">https://github.com/tbot53/Father-s-day/blob/main/public/index.html</a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhfi7tcd47vw0luve3h4z.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhfi7tcd47vw0luve3h4z.png" alt="Image description" width="657" height="1336"></a></p> <h2> Journey </h2> <p>This project was both fun and challenging and I learned a lot from it!<br> I deepened my JavaScript skills by handling form submissions, gallery updates, and adding interactive elements. I got more comfortable using Tailwind CSS, especially in building a responsive, aesthetic layout faster and more efficiently.<br> I worked with Netlify for hosting and learned more about things like deploying forms, using Netlify Forms with file uploads, and optimizing meta tags for search engines.<br> One of the things I’m most proud of is the memory submission gallery, which allowed real user input and gave the site a personal touch.<br> This was a solo project and part of a journey where I’m gradually leveling up as a frontend developer. I'm now diving into React and excited to bring even more interactivity and component-based structure to future projects. I'm still early in my journey as a frontend developer and constantly learning. I truly welcome any constructive feedback or suggestions. If you know of any beginner-friendly projects I can contribute to or learn from, I'd love to be involved!<br> Thanks for checking it out, happy coding, and happy Father’s Day!</p> devchallenge frontendchallenge css javascript