DEV Community

Cover image for My Cognitive Portfolio
Varun Joshi
Varun Joshi

Posted on

My Cognitive Portfolio

#devchallenge #googleaichallenge #portfolio #gemini

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 like to learn

Portfolio

To deploy this project with the required challenge tracking, I used the following command:
gcloud run deploy varun-joshi-cognitive-portfolio \
--source . \
--region us-west1 \
--allow-unauthenticated \
--labels dev-tutorial=devnewyear2026

How I Built It

My portfolio is a modern, serverless application built with React and TypeScript.

  • Google AI Integration: I used the Gemini API via a custom geminiService.ts to create an interactive "cognitive" layer that answers questions about my work.

  • The Memory Bank: I developed a MemoryBank.tsx component that functions as a dynamic interface for storing and retrieving my career highlights.

  • Cloud Run Deployment: I containerized the app and deployed it to Google Cloud Run to take advantage of its seamless scaling and high availability.

What I'm Most Proud Of

I am most proud of the AI-Powered Narrative feature. Instead of just reading a list of skills, visitors can ask the portfolio questions, and the Gemini-powered back-end provides context-aware answers. Creating the Memory Bank component also allowed me to practice modular design, ensuring that the AI service and UI components interact smoothly through a type-safe architecture.

Top comments (0)