This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI
About Me
Hey there.
I have been learning web development for the last few years. To date, I have created a few variations of my portfolio, none of which ever made it to deployment. I am excited for this opportunity to share the latest rendition of my portfolio website in all of its glory.
I have a background in art and I personally like styling. I wanted to translate a little bit of artistic edgy flare without going too terribly wild. That's a bit of a tough one for me. User-friendly this, attention-grabbing that. I wanted to represent myself, and I am not a well defined black and white object. No, I'm more of an ethereal purple and windy blue.
Now presenting for the first time ever, a semi respectable portfolio website: Anna Villarreal
Portfolio
How I Built It
So, I initially had this portfolio laid out in Ruby on Rails. But I hadn't deployed it anywhere. I always felt like something was missing.
Here is screenshot of the previous UI:
When this challenge popped up, I thought it was a great excuse to get my app deployed finally. I also wanted to convert it to a react app, implementing a mobile-first approach. I just really wanted an "app" that would translate well no matter where you were looking at it from.
New tools and approaches I used for this project included:
- Antigravity
- Google Cloud CLI
- Google Cloud Run
- Deploying my project within Antigravity by telling the built-in AI what to do!
- Tailwind (I usually don't use tailwind because I enjoy styling.)
I had the built-in AI in Antigravity read the repo of my original project. Then I had it translate Ruby on Rails into a react app. (I think that's pretty slick!) I told it which color palette I wanted to stick to and the general mood I wanted for my page. I continued on with a massive amount of tweaking. I really wanted originality, so I crafted an SVG for my background in illustrator. I used an image I generated from midjourney to make the nav bar come alive as well.
What I'm Most Proud Of
This is the most effective profile to date I have created. (Again, actually deployed it. LOL) This profile website balances my whimsical internal artist while keeping the UI and functionallity at the center for users. I am happy with this being my first deployed profile website.
I was really excited to discover that I could deploy my project to Google Cloud Run right from within Antigravity! It was SO FAST. No hours of debugging, at least for me. After a few minutes of prompting, success! Fastest. Deployment. Ever.
And the app itself is fast!
After I was happy with how my app was looking, I simply ran:
I installed Google Cloud CLI:
As someone who has fought with deployments for literally days in the past, this is basically a jaw-dropping experience. Overall, I am happy I tried out the new Antigravity IDE as well as the deployment to Google Cloud Run from within it. And my app is alive! Yay! XD
I couldn't tell you how exciting it was to see this message back from AI:
