jenna wang's portfolio

this portfolio is powered by vite, deployed via github pages, and utilizes html, css, tailwind css, javascript, and react.

get started

setup

install the necessary packages: npm i

create a .env file and fill out the following:

# to track the most recent listened to music
VITE_LASTFM_USERNAME=
VITE_LASTFM_API_KEY=
# to display drink reviews
VITE_GOOGLE_API_KEY=
VITE_GOOGLE_SHEET_ID=

commands

• to start: npm run dev
• to update gh-pages: npm run deploy

pages

home

toro inoue world domination! featuring a design like a game console and many toro inoues.

about

the usual college introduction that's like name, year, major and a short blurb about my professional and personal interests. you also get to check out my very good music taste and see how you can contact me.

projects

for coding projects, feel free to looked at the repos on my github. for ui projects, check them out in my website!

gallery

for the art i've created over the years (spoiler: i do not create that many).

cafe

for all the drinks i've tried. if you're looking for cafe recommendations, check it out!

assets

images

• most toro inoue images come from the official source, some may be redrawn by me
• icons come from flaticon and are recolored by me (some may also be slightly edited)
• everything else is created by me

packages

thank you to all the kind people who developed these packages! this website couldn't have been made without you <3

• shadcn for basic components
• mui for the chips
• aos for scroll animations
• masonry-layout and imagesloaded for the gallery
• loadable-image for lazy loading images
• css-doodle for helping me make my spiral background
• react-medium-image-zoom for zooming into some images
• prettier for making the code prettier

tools

helpful websites that i used!

• flaticon.com: icons
• aspect-ratio.dev: calculating aspect ratios for lazy loading
• tinypng.com: shrinking image sizes

got feedback?

if you have any feedback about anything about this repo or site, please let me know! whether that's ways i can optimize the code, git gud at design, or include better content. i am open to any constructive criticism that lets me improve :3

maybe when i have time i'll include an anonymous feedback form on the site lol.