A Portfolio For Fun!

Source: Dev.to

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

About Me

I am the founder of تقن - Ta9in. This is the title I go with these days. I worked as a developer for ten years before deciding to start my own company, Ta9in, where we focus on bringing the next generation of bright problem solvers through apprenticeship and real‑life work that helps us and our clients.

Portfolio

You can visit the app from here to get a better experience.

How I Built It

I started with Antigravity, which is the editor of choice for me these days. Even with a pro subscription I hit the limits quickly, so I abandoned the initial RPG‑style idea.

To use an AI assistant without limits, I typically work in AI Studio. This project was made with it. I searched for game UI inspiration on Pinterest, selected a design I liked, and gave AI Studio a prompt:

“Create a game‑like pixel art card interface for a portfolio showcase. It’s about a developer/artist going on a journey from studying in college to …”

Gemini performed well with the wording, delivering a game‑themed UI right away. I only needed to polish styling and add my data. The process involved 22 prompts covering data updates, bug fixes, styling tweaks, and AI‑suggested improvements.

The best part was how Gemini twisted my description and blended it into the game theme.

What I’m Most Proud Of

The main challenge was achieving the game‑ish styling. It would have taken a week of focused work to craft manually, but with AI I tested different styles in a day and chose the one that matched my goal. The biggest decision was to bootstrap and brainstorm with AI—something I now teach new employees: embrace the power of AI and integrate it into your workflow.

The website’s architecture is intentionally simple: a single static page (like the early web) with React handling interactions. I added a subtle “Nano Banana Generation” easter egg for fun. In general, this reflects how I think a personal website should be—plain yet functional. See my plain personal site for reference: mohessaid.com.

Since I used AI Studio, the code defaults to React/TypeScript.

Ideas for Future Versions

• Create an old gaming console scene with game cards on a table.
• Users could drag a card into a slot, power on the console, and transition to a zoomed‑in game view (a separate page).
• Each card would showcase a different version of my portfolio, guiding the user through the history of my website.

I may work on this concept if time permits.