This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI
About Me
I am a Translator turned Solutions Architect and 3x Hackathon Winner who views the world through the lens of linguistics and business logic. My journey into engineering wasn't traditional; it was fueled by a transition from intuitive design as a hobby to high-velocity systems architecture.
In a world where language has become the primary interface for intelligence, my background in translation provides the unique linguistic edge required to bridge the gap between human intent and machine execution. My goal for this portfolio, MyDevfol.io, was to create a "Semantic Bridge"—a digital space that demonstrates how I map messy human business challenges into deterministic, high-impact AI solutions. I don't just build code; I architect intent.
This entire project was built from the ground up entirely within Google AI Studio. Leveraging the platform allowed me to move from concept to deployment in a single environment.
Portfolio
I used Google AI Studio's integrated deployment to host this on Google Cloud Run.
How I Built It
The architecture of MyDevfol.io is designed to feel like a high-performance "Mission Control" center.
The Tech Stack
Framework: React with TypeScript for type-safe system architecture.
Aesthetics: Tailwind CSS for a dark-mode, holographic design system and Framer Motion for cinematic, 3D-perspective transitions.
Infrastructure: Deployed on Google Cloud Run to ensure low-latency performance and seamless scaling.
Google AI Integration
I leveraged the Google AI Studio to move from concept to deployment in record time. Deploying to Cloud Run allowed me to maintain a complex, animation-heavy site while keeping the "handshake" speeds incredibly fast.
What I'm Most Proud Of
- The Holographic Video Experience (A Personal Touch) I am most proud of the custom-built Video Viewport used in the project showcase. I deliberately chose video over static screenshots to add a personal touch to the technical "Mission Control" aesthetic. It humanizes the work by showing the "Deep Listening" and live interaction in real-time.
- The "Semantic Bridge" Narrative Technically, I’m most proud of how the site communicates a complex professional shift. By focusing on "Linguistics" and "Intent", the portfolio serves as a live demonstration of prompt engineering as a core architectural skill.
Top comments (1)
That's really good Really impressed with the portfolio. The way you integrated the videos is seamless. Well done.