My stumbles to my presentation page

Source: Dev.to

New Year, New You Portfolio Challenge Submission

About Me

Hi there! I’m Mátyás Steiner—or at least, the digital, AI‑powered clone of him. In the real world, I’m a Senior Full Stack Developer and Lecturer with over 15 years of experience (and 3 dogs!). I love teaching, building scalable architectures, and occasionally pretending I’m in a sci‑fi movie.

I built this portfolio to bridge the gap between a static resume and a real conversation. Instead of just reading about my skills, you can ask me about them! I wanted to express my passion for modern web tech, security, and the kind of “magic” that happens when you combine code with creativity.

Portfolio

(Content omitted – link to live portfolio if desired)

How I Built It

• The Brains: Using the Google GenAI SDK with gemini-3-pro-preview to handle the conversation. It’s prompted with my actual professional bio, so it answers like me—just faster and with more accurate grammar.
• The Beauty: For visuals, calling gemini-2.5-flash-image. It reads the chat context and generates a Studio Ghibli‑style watercolor background in real‑time. Mention “Java” and you might see a coffee shop; mention “Cloud” and expect fluffy cumulus.
• The Skeleton: Frontend built with React (bundled with Vite) and styled with Tailwind CSS for a crisp “system online” terminal aesthetic.
• The Muscle: Backend powered by Hono on Node.js—lightweight, fast, and handles API requests efficiently.
• The Shield: Integrated Cloudflare Turnstile for bot protection, added rate‑limiting headers, and implemented input validation and sanitization.
• The Cloud: Deployed on Google Cloud Run, leveraging serverless architecture.

Development tools included Google AI Studio for fine‑tuning system instructions and the Gemini CLI for scaffolding and debugging (it even helped fix environment variables).

What I’m Most Proud Of

• The “Mood Ring” Backgrounds: Ask about “sailing” or “snowboarding” and watch the background adapt to the conversation flow, making the experience feel alive.
• Security First: No API keys exposed in the frontend; a proper backend with rate limiting and bot protection ensures safety.
• The Vibe: Captured a “professional but geeky” personality—more than a chatbot, it’s a character.
• Cloud Run Deployment: Optimizing the Docker container and running it smoothly in the cloud was a satisfying win.