🚀 AI Roadmap Visualizer — turning engineering plans into pixel-perfect art

KasiaKab — Mon, 20 Oct 2025 13:14:02 +0000

This post is my submission for DEV Education Track: Build Apps with Google AI Studio.

🧩 What I Built

I built AI Roadmap Visualizer — a chat-based web app that transforms any roadmap text (like a README.md or project plan) into a visual learning path.

It parses milestones, generates cards for each phase, and even creates pixel-style art for every milestone using the Imagen API in Google AI Studio.

I wanted a tool that could visualize my own engineering roadmap — from Java monolith to cloud-ready platform — in a creative yet structured way.

🪄 Core prompt used in Google AI Studio:

Create a web assistant that visualizes engineering roadmaps as a sequence of milestones with AI-generated art. Each milestone should have title, dates, focus, and deliverables. Keep the aesthetic neon-violet and pixel-tech inspired.

🎨 Demo

Here’s how it works in action:

1️⃣ I paste my roadmap text roadmap-2025-2027/README.md.
2️⃣ The AI parses milestones, dates, and goals.
3️⃣ It generates visuals for each stage — Architecture, DevOps, AWS, etc.
4️⃣ I can click on a card to open weekly details.

💡 I also tested how the app adapts to different roadmap styles — from Frontend to Data Science and Creative AI paths:

🔗 Demo: AI Roadmap Visualizer — Google AI Studio Applet

✨ My Experience
Building this project was a short but valuable dive into prompt-driven app design.
Google AI Studio makes it surprisingly easy to go from idea → prompt → working prototype.

From IT Support to Cloud Engineering: My Hands-On Roadmap

KasiaKab — Sun, 19 Oct 2025 17:04:03 +0000

🫰 1. Where it started

I began my career in IT support — answering calls, resolving tickets, coordinating major incidents, and keeping users productive under pressure.

Over four years, I moved from first-line to Technical Incident Manager. It taught me how to analyze problems, manage chaos, and think in systems — but I wanted to learn how to build them.

⚒️ 2. Learning to build

In 2024, I decided to learn Java. I joined a coding school, started with the basics, and soon realized that writing code was just one part of the bigger picture.

That’s where my roadmap started.

🧩 3. Designing my roadmap

I wanted to build something real, document every decision, and see how a product evolves from monolith to cloud.

So I created a long-term plan.

I designed my learning roadmap with the support of 🤖 AI — not as a shortcut, but as a tool to think broader, plan smarter, and build faster.

In today’s tech world, ignoring AI means missing the biggest leverage new engineers have.

📦 4. The project behind it

To make my roadmap real, I started building a backend application — my sandbox for architecture and automation experiments.

It begins as a clean ♨️Java + Spring Boot🍃 monolith, with REST API and PostgreSQL.

Over time, it will evolve with CI/CD pipelines, Infrastructure as Code, and ☁️ AWS deployment.

🔗 Links

🗺️Roadmap repo

🧱Coworkly API

🙌 I’m still early in this journey — if you have any tips, suggestions, or lessons from your own experience, I’d love to hear them.

DEV Community: KasiaKab

🚀 AI Roadmap Visualizer — turning engineering plans into pixel-perfect art

From IT Support to Cloud Engineering: My Hands-On Roadmap