This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI
About ME
Hello, This is Vignesh working as SWE for past 2 years in Python Automation Mostly.
I also worked in creating and maintaining dashboards and finetuning LLMs and Static analysis of C, I know huge change!!
I also personally built papers like "Attention is all you need" etc..
But, enough about me, this is my Portfolio,
SO I came across this challenge about 2 days before closing like Jan 30th and I had this sudden idea of why not just make my potfolio like an office,
So I fired Google AI studio and built this the best I could think of..
Here is the result:
(NOTE : you can also use WASD or arrow keys to move him)
NOTE: Press on top left to increase resolution.
link- https://cozy-office-portfolio-961968648016.us-west1.run.app/
Full Building Journey
The first thought that came to my mind seeing this challenge is to build this game type portfolio, dont ask me why?
Then I took my idea and went to Gemini 3 Pro and described it and asked it to review my idea, criticise it and also tell where we can make this better.
Gemini mostly agreed but also suggested some things that I never thought of like
- having a low resolution mode, so low end HW wont crash
- having a mobile joystick
mainly it already defined what tech stack to use to build this app
My Prompt:
I want to create this portfolio website for a hackathon that builds visually the best portfolio. My idea is to create TPP game like environment like a offfice where the player is the visitor of the wbsite and they can tour the office to learn more about me, like manager should be in cabin and when they go to them a pop up should be tell about my projects, co worker near coffee machine go to them for hobbies, HR in hallway go to them for my Personal details and when they spawn first into the website a notice board should have my resume go near it the resume should appear in a pop up and they should be able to download it, go near a telephone and you can find the contact details. pop up should also have clickable buttons like download for resume, links for github in projects, linkedin, mail links in telephone etc, walking should be done by arrows in keyboard or up, down keys in the screen itself. This is my plan so far, analyze this in detail and think of the feasibility and any extras or modifications that we need to add and importanatly how to make this smooth like playing a video game.
Now Using that info I asked gemini again to create a Prompt that I can paste in the app so it can create it, Well this gemini did strightforward
Now in Google AI Studio - the first version it built was just a basic layout of the office map with all the people in place,
So I was able to finalize their positions straight away!!
But from there to this final page alot of instructions where required.
But I must say I ahev tried otehr platforms too but here it felt like it can understand what I am talking about suoer easilt even in vague words and create that for me without repeated "Pease Fix this"
Most useful was the ScreenShot attachment where I could just say "turn this to this" or "this issue is occuring" and it was able to fix that
Some stuff I couldn't do where,
I could not build a cabin for some reason I am not sure why? I jsut kept messing up the cabin - so I just it out
Adjusting it to mobile screen size also took a lot of retrys
Also getting his spawn point ifront of the board was tough, like it just spawned him always in the middle where sofa was -- then suddenly it told from which postion to which postion is moved him like [0,2,4] -> [0,2,10]
so I used that info and asked it move him to [0,2,12] - which worked,
Well, apart from these everything else was mostly one shot or few shots
Also one thing is I went one at a time afetr the intial buildup
Overall it took me 2 days but arounf 6 hrs of actual infront of laptop to get to this point!
Some things I can improve is liek give full context about my work and add a voice agent so users can talk to people would also be cool!!
Will also try that in future!!
Top comments (0)