This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI
--labels dev-tutorial=devnewyear2026
About Me
Myself, Pari Sangamnerkar. I am a 3rd-year B.Tech Computer Science and Engineering student at VIT Bhopal University. As an aspiring software engineer and the eldest daughter , I have always viewed technology as a powerful tool for empowerment, stability, and long-term growth.
Through this portfolio, I wanted to express my technical versatility—balancing creativity through fine arts and UI design with the logical depth of backend development, cloud infrastructure, and AI systems. My goal was to move beyond a static website and build a smart, cloud-native portfolio application that actively interacts with users, adapts in real time, and reflects my technical depth.
Portfolio
How I Built It
This portfolio was built as a full-stack, AI-powered, cloud-native application, designed for scalability, performance, and real-time interactivity.
Frontend & UX
React.js with Vite for fast builds and high performance
Tailwind CSS for a modern, responsive UI
Built-in Light Mode and Dark Mode for better accessibility and user preference
Clean animations and modular components for maintainability
Application Modes
Admin Mode:
Allows me to update content, projects, and profile data without redeploying the app
Simple (User) Mode:
Presents a clean, distraction-free experience for visitors and recruiters
AI, Antigravity & Google AI Studio
Used Google AI Studio to vibe-code the initial architecture, UI flows, and Firestore NoSQL schema
Integrated Gemini 1.5 Flash via the Generative AI SDK for a fast, conversational AI chatbot assistant
Used Antigravity to improve prompt grounding, contextual accuracy, and response consistency
The chatbot acts as my digital twin, answering questions about:
My skills, projects, and experience
My coding profiles and achievements
My college clubs, internships, and goals
Backend, Data & Real-Time Features
Firebase Authentication with Google Login
Cloud Firestore for structured data, analytics, and live updates
Real-time tracking of:
View counts and unique visitors
Portfolio interactions
Coding profile statistics (updated dynamically)
Implemented listeners so the UI updates instantly when data changes
Analytics & Messaging
View count analytics dashboard for tracking portfolio traffic
Clean separation between admin analytics and user-visible stats
Send a Message feature allowing visitors to directly contact me, with messages securely stored in Firestore
Cloud, DevOps & Tooling
Docker multi-stage builds for optimized production images
Static assets served through Nginx
Deployed on Google Cloud Run (asia-south2 – Delhi region)
Managed deployments using the Google Cloud CLI (gcloud)
Secure build-time environment variable injection for API keys
Used Firebase, Google Cloud, Google AI Studio, Antigravity, and Google CLI as part of a unified Google-first stack
What I'm Most Proud Of
I am most proud of building an end-to-end intelligent portfolio system rather than just a static website.
From implementing light and dark modes, to designing admin and user modes, to solving real-world DevOps issues like secure API key injection in a Dockerized Vite app, this project pushed me to think like a production engineer.
The highlight for me is the AI chatbot assistant, which transforms my portfolio into an interactive experience. Combined with real-time analytics, live coding profile updates, and cloud-native deployment, it turns a traditional resume into a living application.
This project represents my transition from simply writing code to architecting, deploying, and managing scalable cloud applications.
Top comments (0)