Portfolio V3 banner

Portfolio V3

June 2025
Roles

    Vibe Coding

    50 %

    Pixel Art

    15 %

    Designing UX

    10 %

    Optimising

    5 %

    Creating the Coffee Man

    20 %

Technical Stack
  • 1

    Vite

  • 2

    Vercel

  • 3

    TypeScript

  • 4

    TailwindCSS

  • 5

    Motion Framer

  • 6

    Pixel Art

  • 7

    Animation

Abstract

This portfolio was a lot of fun to make. I wanted to display all my stuff in a game like world, with various different items that I have collected along the way representing life achievements.

This was the first time that I used a major framework like Vite with typeScript. The learning curve was big, but it led to a cool-ish final product.

The main downfall with this portfolio, like most others, is that its vibe coded. There is little continuity and I don't really understand how it works.

After this project, I vowed to vibe code less.

Visual Documentation
Portfolio V3 Fig 01

Figure: 01

This is the character sheet section. You can see all the items I have collected, encounters and the rarities + my character design. Its all animated - you should check it out.

Portfolio V3 Fig 02

Figure: 02

The users can access some of the socials here. You can see the pastel, cute glassmorphism effect.

Figure: 03

This is the quest modal, where the user interact with some of the stuff I have done in my life in a RPG-like way.

Portfolio V3 Fig 03
Portfolio V3 Fig 04

Figure: 04

A call to action to interact with my contact form.

External Links