Personal portfolio

002_portfolio.mp4

My design portfolio to showcase a few projects. Built with Remix, Three.js, and Framer Motion. View the live site.

Install & run

Make sure you have nodejs 19.9.0 or higher and npm 9.6.3 or higher installed. Install dependencies with:

npm install

Once it's done start up a local server with:

npm run dev

To view the components storybook:

npm run dev:storybook

I've set up the site using Cloudflare for hosting. Deploy the site to Cloudflare Pages:

npm run deploy

How do I change the color on the DisplacementSphere (blobby rotating thing in the background).

You'll need to edit the fragment shader.

Name		Name	Last commit message	Last commit date
Latest commit History 59 Commits
.storybook		.storybook
app		app
functions		functions
public		public
scripts		scripts
.dockerignore		.dockerignore
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
.node-version		.node-version
.npmrc		.npmrc
.prettierrc		.prettierrc
LICENSE		LICENSE
README.md		README.md
jsconfig.json		jsconfig.json
package-lock.json		package-lock.json
package.json		package.json
postcss.config.cjs		postcss.config.cjs
vite.config.js		vite.config.js
wrangler.toml		wrangler.toml