Portfolio Website

I built this website to introduce myself as well as showcase my favorite & latest projects. My goal is to make this an interactive form of my resume, but more visually appealing.

Tech Stack

• React, TailwindCSS, Framer Motion (for animation), & Three.js (for 3D blob effect)

Demo

Here's a walkthrough of the app design:

Deployment

Clone this repository and install all dependencies via the terminal:

  npm install

Then, to deploy this project run the following:

  npm run dev

The app will run on port 5173 as below:

  http://127.0.0.1:5173/portfolio-website/

Project Structure

.
├── README.md
├── index.html
├── github/workflows
├── .gitignore
├── package-lock.json
├── package.json
├── postcss.config.cjs
├── tailwind.config.cjs
├── vite.config.js
├── script.js
├── src
│   ├── App.jsx
│   ├── index.css
│   ├── main.jsx
│   ├── assets
│       ├── heroImg.png
│       ├── index.js
│       ├── profile.jpg
│       ├── projects
│       └── techStack
│   ├── components
│       ├── About.jsx
│       ├── Contact.jsx
│       ├── Footer.jsx
│       ├── Header.jsx
│       ├── Hero.jsx
│       ├── ProjectCard.jsx
│       ├── Projects.jsx
│       ├── TechStack.jsx
│       └── pageAnimation.js
│   └── styles
├── public
│   ├── sampleResume.pdf (will update with latest one)
│   └── vite.svg
└── gif