You are browsing as a guest. Sign up (or log in) to start making projects!

hariharan ( portfolio )

  • 2 Devlogs
  • 15 Total hours

building my portfolio !!

Open comments for this post

2h 37m 32s logged

CARD IS COMPLETE ( for now ig )

whats done so farr 🗣️🗣️

last time the trainer card was basically the whole show and the /portfolio page was just a dark shell with sections stacked under it now the whole thing got ripped apart and rebuilt properly which is where most of the hours went into

MAINNN PORTFOLIO REVAMP ( basically the professional section of portfolio )

/portfolio is not one long dump anymore it is a summary home and then dedicated routes for projects experience skills achievements blog and stuff so ppl can deep link into the part they care about without scrolling forever

content is real now too not placeholder vibes

  • project cards with screenshots
  • experience filled in
  • skills with proper brand icons
  • honors and achievements actually listed
    so thats there

also shipped a file based blog under /portfolio/blog which is mainly just markdown posts for now but eh its the first step toward that whole knowledge vault thing i was talking about earlier ( no db here coz i write and redeploy directly :))) )

THE ‘SPRITEEEEE’

the card front finally has a proper custom mascot sprite instead of whatever placeholder energy was sitting there before spent a decent chunk of time on standing and sitting frames and idle loops and lining the feet up so it doesnt float weird in the box

[ inspired from pokemon sprites hopefully wudnt get sued or sm 🥀🥀]

still cooking more frames and cleaner loops but the main card already feels way more alive with it on there

few other changes as well

  • focus badges on the card revamped ( honestly i wanna change this section but no idea what to do give me some ideas people 👀 )
  • project icons and skill tiles
  • card polish spacing layout CURRENTLY panel and stuff
    basically just making the whole fire red trainer card feel finished instead of half done

cooking rn 🍽️

few things which still needs to be done includes

  • more sprites icons wallpapers
  • personal AI assistant on the front page with access to my knowledge vault so it can answer questions about me directly
  • automated scripts fetching github projects and linkedin posts
  • maybe sqlite later if the file based blog starts feeling too small

sprites are work in progress soon to come again lol

[ my pokemon partner is soon to come on the portfolio ]

0
0
15
Open comments for this post

12h 1m 33s logged

from planning gym on fire red to building a pokemon card portfolio lol

Where We At Now

this was originally started in macondo now in stardance for age related issues ( yes i am old 🥀)

and now some version of it is working ig

The Front Face

recreated the fire red gba trainer card layout. looks super clean.

  • gba trainer card header flanked by white pokeballs
  • stats capsules: name (hariharan), money (role: ai & web dev), pokedex (projects: 24/150), time (exp: 1+ year), started date (oct 2024)
  • trainer sprite: custom mascot sprite in a rounded box
  • badges row: slot 1 holds a custom pixel-art yc logo badge, other slots are empty placeholders

Interactive Card Mechanics

  • 3d tilt: card rotates on hover tracking mouse coordinates
  • zoom controls: plus/minus snap scale buttons with spring physics
  • float animation: slow sine-wave bobbing that pauses on hover so buttons are stable targets

The Back Face

flips over to show a custom data file.

  • 4 slanting columns: projects, experience, honors, skills
  • columns expand on hover and show custom retro backgrounds
  • dynamic details block at the bottom updates based on hovered column
  • buttons to enter the main portfolio

The Wild Transition & Main Page

  • white flash transition: entering the portfolio flashes screen white like a wild pokemon fight entry
  • minimal portfolio: dark theme, hero, about, experience, projects, skills, honors
  • reverse easter egg: back to trainer card button in footer triggers reverse flash transition
  • deep links: coming from a card back tab scrolls smoothly straight to that section on layout mount
    and the minimal main portfolio:

few things which still needs to be done includes:

  1. proper sprites for my character , icons , wallpapers, etc
  2. proper minimal version of my website with proper routing sectiosn and a file based storage on sqlite or something like that ( mainly to save blogs and shi )
  3. autmoated script fetching from my github projects and linkedin posts

ANDDD MOST IMPORTANTLY : NEED TO BUILD MYSELF AN PERSONAL AI ASSISTANT in front page whihc has access to my knowledge vault and answers all questions about me directly as a portfolio sub assistant

the sprites are work in progress soon to come

0
1
22

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…