J4son G via Blog

Hey everyone! 👋 Lately, I’ve been thinking a lot about how amazing it is to live in a time where ideas don’t have to stay stuck in your head. Sometimes, I have a random thought — an idea for a game, a tool I wish existed, a question about how something works and instead of just wondering about it, I ask AI. Exploring where the prompt leads. 🚀 Sometimes, a single thought opens up a whole world. ✨ That’s it. One prompt. And boom — I’m already halfway there. How It All Started I wasn't a tech expert when I began exploring AI—just someone eager to learn and experiment. Once I realized I could talk to AI and get help with almost anything—from building a project to shaping creative ideas—I was hooked. Now, instead of letting my ideas fade away, I give them a chance to grow. AI helps me write, build, test, and explore — not by replacing me, but by working with me. This Blog Is My Playground I created this blog to share my adventure. It’s my digital space where I experi...

Beginner-friendly, no app install needed — just tap and inspect! As someone learning web development, mostly on a mobile device 📱, I constantly faced a challenge: "How do I debug and inspect web pages without a PC?" I needed something akin to the powerful in-browser developer tools found on desktops, but built for mobile! Initially, I explored **Eruda**, a cool mobile Dev Tool console. It was great for viewing logs, but I quickly realized it lacked the ability to easily edit elements or test layout changes in the way I needed. 🤔 That's when I challenged myself — with a little help from AI 🤖 — to build my own mobile dev tool. My goal was a simple, beginner-friendly tool that would allow me to edit HTML directly on the page, inject CSS, remove or duplicate elements, and experiment with web pages right from my phone. It turned into a fun and incredibly useful project that deepened my understanding of web development! 🧪 Introducing: My Own Mobile Dev Tool ...

As someone who's still learning and exploring the world of web development, I recently started a really cool project: building my own web-based code editor! My goal was to create a place where I could write, edit, and learn HTML, CSS, and JavaScript right in my browser. Check it out in action here: Launch the Editor The best part? I’ve been using AI tools like ChatGPT and Gemini to help me build it – and it's been an amazing learning experience! This project is still a work in progress with lots of ideas for future updates, but many core features are already working and helping me learn faster. Phase 1: Getting Started with ChatGPT When I first thought about building a code editor, it felt overwhelming. That’s where ChatGPT came in—it was like having a personal tutor! With its help, I was able to set up: A responsive layout: So the editor looks good on both desktop and mobile devices. Syntax highlighting: Colorful, readable code for HTML, CSS, and Ja...

Ever wish you had a quick, simple way to test HTML, CSS, or JavaScript without launching a whole app or project? As I continue my journey into the exciting world of web development, I've been building some browser-based tools designed specifically for that! They're simple, free, and perfect for quick experiments and learning on the go. These tools are simple and great for beginners like me. I made them to test small pieces of code, play around, and learn as I go. Maybe they’ll help you too! 🔹 Code Runner Tool This is a super basic tool where you can write HTML, CSS, and JS and see the result right away. ✅ Good for testing quick ideas ✅ Works on mobile and desktop ✅ No login or signup — just start coding! 👉 Try Code Runner Tool 🔹 Code Editor Tool This tool looks and feels more like a real code editor. It shows line numbers and colors for your code, which helps keep things organized. ✅ Easy to read and use ✅ Beginner-friendly interfa...

I'm excited to share a tiny game I built with AI’s help, Snake Ready , a fun and lightweight project I created with the help of ChatGPT, Grok, and Gemini. Inspired by the classic Snake game , this version offers a modern twist: no app downloads, just pure browser fun. You can play it directly on your screen, whether you're using a mobile device or a desktop computer. Features Built using HTML5 Canvas and pure JavaScript . Fullscreen and transparent design – perfect for embedding on blogs and websites. Supports mobile gestures and keyboard input. No installation or special permissions required. How to Play Mobile: Shake your phone to activate the game. Desktop: Press the Arrow Down key to begin the game. Why I Made This Game This project was a personal challenge to learn by doing. I have very basic coding skills, but with the help of AI—specifically ChatGPT—I was able to build and refine this game. It was a great way to learn JavaScript, expe...