This is the second iteration of soohyunchoi.com and my web dev adventures. Designed in Figma. Built with React, Typescript, TailwindCSS, Framer Motion, and Next.js.
For my first iteration, see here. 
I graduated from UCSB in June of 2023, and decided that I need a better online base of operations than the website I've been using for the past 5+ years. I've been wanting to make something with really satisfying and crispy animations, so I picked up Framer Motion and had a great time learning and implementing it into my portfolio website. Hopefully it's as fun using it (try the carousel) as it was to build it :)
- Custom animations built with Framer Motion
- Components designed from the ground-up with TailwindCSS
- Speed with Next.js SSG (96 performance score on Google Pagespeed
- Utilizes a nifty open-source Next.js -> Github Pages automation pipeline
- tailwindcss
- postcss
- autoprefixer
$ git clone [email protected]:soohyunchoi/soohyunchoi.com-2.0.git
$ cd soohyunchoi.github.io
$ npm install
$ npm run dev
See nextjs-github-pages. Uses Github Actions to build and deploy to Github Pages.