DEV Community

Cover image for The Alchemist’s Journal: An AI-Powered Portfolio Sanctuary
Raseena Anwar
Raseena Anwar

Posted on

The Alchemist’s Journal: An AI-Powered Portfolio Sanctuary

New Year, New You Portfolio Challenge Submission

This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI

🌿 About Me
I am Raseena Anwar—a Software Engineer, AI Builder, and former Educator. After 7 years of teaching Computer Science, I transitioned into AI engineering with a mission to build systems that build people. My portfolio, "The Alchemist's Journal," is designed as an Atmospheric Sanctuary. In a world of high-speed scrolling, I wanted to create a space that feels like an editorial journal—calm, intentional, and deeply human.

🚀 Live Demo

🛠 The Architect's Journey: Building with Antigravity
This project was developed using Google Antigravity, the agent-first IDE. Moving beyond traditional coding, I acted as the Architect, orchestrating autonomous agents to handle the "gravity" of boilerplate so I could focus on the "lift" of creativity.

🌌 Agentic Workflow
Using Antigravity’s Manager View, I dispatched specialized agents to handle distinct parts of the sanctuary:

The Layout Agent: Managed the complex CSS Grid and Flexbox logic required for the "Digital Book" metaphor, ensuring the central spine remained responsive across all devices.

The Interaction Agent: Handled the Framer Motion orchestration for the "ink-line" micro-interactions. By using Antigravity's Implementation Plans, I could review and tweak the physics of the animations before the agent ever touched the main branch.

The Deployment Agent: Streamlined the containerization process for Google Cloud Run, ensuring that the artifact registry and service account permissions were perfectly configured for a seamless launch.

🧠 The Gemini Integration: Empathy-Driven AI
The heart of this portfolio is the AI Mentorship Playground, powered by Gemini 1.5 Flash via the Google Generative AI SDK.

I didn't want a "chatbot." I wanted a digital reflection of my teaching philosophy. Using a custom system instruction, I tuned the model to act as a mentor. Visitors can converse with this "AI Twin" to:

Contextualize my journey: Ask how 7 years of teaching informs my approach to React 19 or Next.js 15.

Interactive Bio: Instead of reading a wall of text, users can ask, "How does Raseena approach community building through code?"

Low Latency Experience: I chose Gemini 1.5 Flash for its near-instant response times, ensuring the dialogue feels as natural as a face-to-face conversation in a classroom.

✨ What I'm Most Proud Of
The "Digital Book" Metaphor: I’ve reimagined the portfolio as a journal. Every section is a "page," creating a structured rhythm that respects the reader's pace.

Micro-interactions: "Lines Becoming Meaning": When you hover over my name, an organic ink line draws across the screen, revealing core values: Resilience, Empathy, and Architect.

Elevated Through AI: By leveraging Antigravity and Gemini, I proved that AI is the ultimate collaborator. It didn't just help me code faster; it allowed me to build a more sophisticated, high-fidelity experience that truly represents my dual identity as a teacher and an engineer.

📂 Source Code
The complete source, including the Antigravity implementation plans and Gemini prompt engineering, is available here: GitHub:https://github.com/raseenaanwar/raseena-anwar-portfolio

Top comments (0)