DEV Community

tscherrer05
tscherrer05

Posted on

Using Google AI Studio to generate a professional Developer Portfolio

New Year, New You Portfolio Challenge Submission

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

About Me

Hi! I am a Senior Software Engineer and Technical Lead from France. My expertise lies in designing scalable software solutions, specifically within the Java/Spring Boot and .NET ecosystems.

Portfolio

https://timoth-e-scherrer-portfolio-139592121344.us-west1.run.app

How I Built It

🛠️ Tool

I used https://aistudio.google.com/

🪛 Stack

Typescript + Angular. Angular is a framework I want to learn, so using it for my portfolio is a good opportunity.

💡The model generated a very clean code: it decided to create a PortfolioService class to centralize all the textual content and inject it in the components building the page. This effectively decoupled the content from the presentation code.

🤖 Prompt engineering

I started with a simple prompt with the words coming from the instructions for the challenge. This way I can ensure that the model will comply with the terms of the challenge.

🖼️ Multi-modality

Taking advantage of the multimodal nature of the agent, I attached my resume and a "Development portfolio" document that I maintain which lists the accomplishments I am proud of.

➕ Improvements

  • Although AI Studio produced a fair result, I adjusted the code by chatting with the agent.
  • I did some minor manual adjustments to remove some useless parts and fix some sentences.
  • I asked the agent to embed a list of my popular LinkedIn posts with a list of iframes I provided.

🖥️ Infrastructure

  • To make sure my code is not lost, I used the "Save to GitHub feature" to create a new repository with the code AI Studio generated.
  • Finally, I simply used the "Deploy the app" feature to deploy the result on production.

💪 What I'm Most Proud Of

  • Being able to deploy a beautiful new portfolio in one evening!

Top comments (0)