This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI
About Me
My profile shows some aspect of who I am. I present the facts of my software engineering career through text, with a fun, futuristic theme. In the design, I use a dystopian cityscape—dark, dreary corners; attractive but mysterious signs; and distant megastructure buildings—to allegorize my view of technology as exciting but dangerous. I added a customization feature that prioritizes and brings attention to whats relevant to a user‑posted job description, as a glimpse of my view of what websites can be: a highly curated experience specific to each user.
More specifically, I am a full‑stack developer who hones my product sense and coding skills by working with a diverse collection of startups. I have always appreciated the art and creativity associated with UX/UI, and I enjoy any opportunity to marry an efficient back end with beautiful design.
Like most coders, I am currently trying to grasp the rapidly changing software engineering job market. Adapting my skills to new AI tools has been a joy, and working on this project as a pure vibe‑coding exercise has brought me much insight.
Portfolio
Embedded Site:
Live Site:
https://chillenberger.com/
Metrics:
Video of use:
How I Built It
I built this site using Google Antigravity. I focused on a fast and simple stack and implemented the back end only for API key protection. This stack is designed to toe the line between simplicity and performance.
Instead of lengthy plans and preconceived notions about the final product, I approached this development process with an AI‑assisted, collaborative brainstorming approach. Historically, this is a poor choice, since it can result in copious amounts of discarded code. However, by leveraging AI development, which compresses the time to explore new ideas to near zero, it can result in an efficient and flowing creation process. I began by requesting a profile site from Gemini, using files I uploaded about me and an image that represented the style I wanted to work toward. From there, it was an iterative collaboration in which I used Gemini to code almost the entire project, stepping in only when needed to make my goals clearer.
Tech Stack Overview
Frontend
Framework: React 19
Language: TypeScript 5.8
Build Tool: Vite 6 (Fast HMR and bundling)
Styling: Tailwind CSS 3.4 (Utility-first CSS)
Routing: React Router 7
Backend
Server: Node.js & Express 5.2
API: REST endpoints for AI chat and analysis.
AI Integration: Google Generative AI SDK
Model:
gemini-2.0-flash-exp
Features:
Interactive generic chat bot.
Resume & Job Description analyzer.
DevOps & Testing
Containerization: Docker
CI/CD: Google Cloud Build
What I'm Most Proud Of
Design‑wise, I take pride in what I believe is a good use of dark shadows over complex, intricate images. This is intended to reduce the chaos of the busy dystopian city image while still invoking awe.
Feature‑wise, I am proud of my customization feature. An input is available that allows users to curate the site according to a job description. By pasting or typing in their needs, the site will reconfigure to highlight the most relevant parts, display relevant blogs in the homepage blog section, and generate a short paragraph about my expertise as it pertains to them. In a more complex web application, this feature could be taken much further by rewriting copy, automatically reconfiguring through accumulated usage data rather than user input, and much more.