Building a MacOS-Inspired AI Portfolio: My Google New Year, New You Challenge Entry

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

About Me

Hi, I'm PARE Mibienpan Joseph. I'm a 2nd year CS student at BIT and software developer passionate about crafting cool and interactive mobile and web apps. I built this portfolio to showcase my work and skills in a unique and interactive way.

Portfolio

How I Built It

This project was built with a focus on creating a seamless, interactive user experience while exploring the possibilities of AI in development.

Inspiration & Foundations

I initially followed a tutorial from JS Mastery for the core Mac OS UI components. Building on that foundation, I focused my efforts on three major areas of original development:

1. Responsiveness: I completely reworked the layout and windowing system to ensure the portfolio is fully responsive and looks great on all devices, from desktops to mobile phones.
2. AI Integration: I integrated the Google Gemini API using Antigravity to create a custom AI chat assistant that can answer questions about my work and experience.
3. UI & Logic Polish: I used Antigravity to further improve the UI and refine the interactive logic of the platform.

Tech Stack

• Frontend: React, Vite, Tailwind CSS
• Animation: GSAP (GreenSock Animation Platform)
• AI Integration: Google Gemini API via @google/generative-ai
• Deployment: Google Cloud Run via Buildpacks

What I'm Most Proud Of

I'm particularly proud of the Dock animation and the draggable windows, which give the portfolio a native OS feel in the browser. The seamless integration of the Gemini-powered chat is also a highlight I enjoyed crafting with Antigravity.