This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI
About Me
First and foremost, I'm a big Fallout fan, specifically Fallout: New Vegas. As proven by my playtime on Steam:
With the current ongoing season of the Fallout adaptation TV show centered around New Vegas, I could not think of a better theme for my new portfolio to show off my skills as well as my interest in a single glance.
Portfolio
Here's the live website: https://pip-boy-portfolio-978859030334.us-west1.run.app
Here's the repo if you're interested: https://github.com/AnsellMaximilian/pip-boy-portfolio
How I Built It
I built this entirely using Google's AI Studio. I must say it went very well. I'll give you the exact first prompt I gave it word for word. No planning; just natural language:
As you can see, I kept it simple at first just so I could see the design it would cook up and, if needed, adjust if I weren't satisfied.
Crucially, I gave it sample images of the actual Pip-Boy to give it some inspiration:
The current app looks a lot more advanced that what this first prompt created, but thanks to AI Studio's version history feature, I can show you exactly what it built the first time around:
As you can see; it's already pretty good. But it was far from finished. So after a few more prompts and adjustment... I ended with something like this:
To look at the full thing, make sure to visit the deployed version above.
What I'm Most Proud Of
AI Studio really got it perfect at the start. The theme, colors, and the terminal effects all really sell the vibes well.
I tried to get it to maintain that design to the very end, and it worked great!
I really like the contacts section disguised as the "Radio" menu in the Pip-Boy:
Something cool that happened during development: I basically gave a link to my old portfolio website and asked it to parse it and put my skills there into the S.P.E.C.I.A.L section in the Pipfolio, and it did exactly that.
Top comments (0)